layuitab选项卡标题栏右边添加按钮

layuitab选项卡标题栏右边添加按钮,第1张

layuitab选项卡标题栏右边添加按钮方法:

1、打开编译器,来到代码主要部分,点击进入编译。

2、使用表格中的toolbar属性芹携,字段里面添加toolbar属性。

3、给旦行toolbar进行js赋值,调用监听嫌迟伏事件,即可添加按钮。

1

第一步在我们的电脑上打开软件,新建一个html,并添加上layui的js和css文件,如下图所示:

2

第橡物棚二步我们打开新建的html文件,在<head>标签里面引入layui.css,layui.js文梁则件,如下图所示:

3

第三步我们开始写body页面内容,这里给的表格内容是layui的表格示例数据,如下图所示:

4

第四步我们最后来给表格数据添加点击事件,table.on('tool(demoEvent)', function(obj){}来监听单元格事件,layer.prompt()d出框,使用 obj.update({ sign: value })进行更新表格和缓存,如下图所蚂睁示:

5

第五步我们在浏览器中打开html页面,可以看到表格数据内容,如下图所示:

6

第六步我们点击表格数据内容,d出框显示单元格里面的数据,可以看到通过layui,给表格数据添加了点击事件,如下图所示:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://www.outofmemory.cn/bake/11996571.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存