layui怎样获取行id并且删除

 时间:2024-10-12 07:36:22

1、双击打开HBuilderX工具,创建项目并新建一个页面文件,引入layui相关文件

layui怎样获取行id并且删除

2、在<body></body>标签中,插入一个table标签,并设置相关属性

layui怎样获取行id并且删除

3、在table标签下方,添加script并绑定删除功能

layui怎样获取行id并且删除

4、调用table组件,获取表格数据并绑定字段

layui怎样获取行id并且删除

5、调用表格工具功能,判断操作事件为del,删除选择项并打印行id

layui怎样获取行id并且删除

6、在json文件夹下,创建表格数据源student.json,并插入数据

layui怎样获取行id并且删除

7、保存代码并运行页面文件,打开浏览器,可以看到一个表格

layui怎样获取行id并且删除

8、点击第一行的删除,弹出一个提示窗口,单击确定,查看到控制台打印结果

layui怎样获取行id并且删除
  • echarts如何调整边距
  • 交换机如何设置登录口令
  • c#登陆窗体设计及登陆判断代码
  • Onenote2016表格怎么合并
  • 如何用jquery创建一个dom元素?
  • 热门搜索
    乌龟怎么养 桂花蜜的做法 胸口中间疼是怎么回事 蒜爆羊肉的做法 海带排骨汤的做法 腌辣椒的做法 过油肉土豆片的做法 苹果怎么录屏 溜肥肠的做法 幼儿园食谱大全及做法