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元素?
  • 热门搜索
    中秋节手抄报一等奖 低碳生活我先行手抄报 亲子阅读手抄报 关于绿色环保的手抄报 小学生文明手抄报 立冬手抄报 小学生手抄报大全 古诗文手抄报 关爱生命文明出行手抄报 庆元旦迎新春手抄报