layui的表格操作之锁定解锁存入拒绝

各状态：
templet: function (d) {if (d.status === 0) {return '<span style="color: black">已提交</span> '} else if (d.status === 1) {return '<span style="color: blue">锁定</span>'} else if (d.status === 2) {return '<span style="color: red;">已拒绝</span>'} else if (d.status === 3) {return '<span style="color: green">已存入</span>'} else if (d.status === 4) {return '<span style="color: blue">存入失败</span>'} else {return '未知'}
}

逻辑：

当status为0时，出现锁定，拒绝

当status为1时，出现解锁，存入，拒绝

当status为2时，不出现任何

当status为3时，不出现任何

当status为4时，只出现拒绝

<table id="LAY-data-list" lay-filter="LAY-data-list"></table>
<script type="text/html" id="table-content-list">{{# if(d.status == 0){ }}<a class="layui-btn layui-btn-sm layui-btn-normal" lay-event="first-agree"><i class="layui-icon layui-icon-password"></i><span>锁定</span></a>{{# } }}{{# if(d.status == 1){ }}<a class="layui-btn layui-btn-sm layui-btn-checked" lay-event="cancle-first-agree"><i class="layui-icon layui-icon-unlink"></i><span>解锁</span></a><a class="layui-btn layui-btn-sm layui-btn-checked" lay-event="Deposit"><i class="layui-icon layui-icon-export"></i><span>存入</span></a>{{#  } }}{{# if(d.status < 2 || d.status == 4){ }}<a class="layui-btn layui-btn-sm layui-btn-danger" lay-event="no-agree"><i class="layui-icon layui-icon-close"></i><span>拒绝</span></a>{{# } }}
</script>

//监听工具条
table.on('tool(LAY-data-list)', function (obj) {      if (obj.event == 'no-agree') {

layui的表格操作之锁定解锁存入拒绝相关推荐

layui数据表格操作栏，根据条件改变显示操作的按钮
本文内容参考网上多篇博客环境和需求在使用layui框架的数据表格的时候,需要的操作栏中添加修改,删除,保存等按钮.需求是点击保存按钮就不再显示修改删除两个按钮,二是显示已保存字样. 由于数据表格中 ...
Layui table表格操作列，按钮过多时展开点击失效问题解决方法
// 缓存当前操作的是哪个表格的哪个tr的哪个td $(document).off('mousedown','.layui-table-grid-down') .on('mousedown','.la ...
LayUI数据表格操作栏，根据数据条件改变显示的按钮。
比如判断一个字段为空的时候就不能进行修改,将修改按钮去除. , cols: [[ //操作栏 { fixed: 'right', toolbar: '#toolBtn', title: '操作', w ...
layui数据表格如何获取id_LayUI之table数据表格获取行、行高亮等相关操作
前言目前LayUI数据表格既美观有不乏一些实用功能.基本上表格应有的操作已经具备,LayUI作者[贤心]肯定是煞费苦心去优化,此处致敬.但是实话实话,如果单纯那数据表格功能来说,EasUI的数据表格 ...
layui 表格操作列按钮动态显示变换
在使用Layui的表格组件时有时会用到可变换的操作比如显示或隐藏功能,那么就需要按钮的动态变换实现方法在layui的barDome中加入如下代码 <script type="text ...
PR —— 轨道操作（锁定、解锁、可见、不可见、恢复误删除音视频）
Ctrl + shift 快捷键:单击某一轨道前的可见(眼睛) 按钮,可对所有轨道可见 / 不可见. 单击某一轨道前的锁按钮,可对所有轨道锁定 / 解锁. F 快捷键:单击误删除后的某音 ...
layui数据表格中导出所有数据的简易解决办法
layui数据表格中导出所有数据的简易解决办法官方文档的困惑解决办法官方文档的困惑首先要说明的是:layui在 table 的工具栏内置了数据导出按钮,如果你是用它内置的导出按钮来导出数据,是 ...
layui数据表格（一：基础篇，数据展示、分页组件、表格内嵌表单和图片）
表格展示神器之一:layui表格前言:在写后台管理系统中使用最多的就是表格数据展示了,使用表格组件能提高大量的开发效率,目前主流的数据表格组件有bootstrap table.layui table ...
如何修改layui数据表格绑定的开关事件？
首先搭建layui 数据表格实例,由于篇幅有限,以下只展示局部关键的代码信息 tableCols = [[{field: 'id', title: 'ID', width:80,align:'cent ...

layui的表格操作之锁定解锁存入拒绝

layui的表格操作之锁定解锁存入拒绝相关推荐

最新文章

热门文章