Layui 按钮显示隐藏

您所在的位置：网站首页 › layui按钮隐藏 › Layui 按钮显示隐藏

Layui 按钮显示隐藏

2023-03-13 21:56| 来源: 网络整理| 查看: 265

一，载入table

显示页面

当State为未解决时，只显示解决问题，删除按钮。

当State为进行中时，只显示已解决按纽，删除按钮。

当State为完成时，只显示删除按钮。

单个判断语法： {{# if(d.State=='未解决'){}}

{{# } }}

123456789101112 {{# if(d.State=='未解决'){}} 解决问题删除 {{# } else if(d.State=='进行中') { }} 已解决删除 {{# } else { }} 删除 {{# } }}

比如:通过State字段来判断按钮是否隐藏显示，在操作这一列，是根据哪个字段（field: 'State'.）让他显示隐藏的。

templet: function (d) { return d.State}这个属性也要写。这样才能够获取到d.State的值，再根据这个值去判断是否隐藏。

12345678910111213141516171819202122232425262728293031323334353637 //载入表格 table.render({ elem: '#cardList', cellMinWidth: 20,//全局定义常规单元格的最小宽度，layui 2.2.1 新增 //filter: 显示筛选图标 exports: 显示导出图标 print: 显示打印图标 defaultToolbar: ['filter', 'print', 'exports'], url: '/控制器名字/方法名字',//路径 limit: 10,//一页能够显示的最大数目 //开启分页 page: 'true', method: 'post', //提交方式 cols: [ [{ type: 'checkbox' }, { field: 'Iid', width: 100, title: 'ID', sort: true }, { field: 'State', width: 140, title: '状态', sort: true }, { field: 'State', width: 200, title: '操作', sort: true, toolbar: '#barDemo', templet: function (d) { return d.State} } ] ] });

【本文地址】

Layui 按钮显示隐藏

Layui 按钮显示隐藏

今日新闻

推荐新闻