layui list 列判断
<文章来源:www.forasp.cn网站制作学习>
layui list 列判断 table 中对列的判断
首先 是对 列数据 判断,显示不同的内容
直接看代码
<!-- 数据表格 -->
<table id="tbBasicTable" lay-filter="tbBasicTable"></table>
/* 渲染表格 */
var insTb = table.render({
elem: '#tbBasicTable', /*绑定对应id 的tables*/
url: "{:adminurl('cates/list')}",
page: true,
cellMinWidth: 100,
cols: [[
{type: 'checkbox'},
{field: 'sortid', title: 'ID', align: 'center', sort: true},
{field: 'cate_name', title: '分类名', align: 'center', sort: true},
{
field: 'create_time', title: '创建时间', templet: function (d) {
return util.toDateString(d.create_time * 1000, "yyyy-MM-dd");
}, align: 'center', sort: true
},
{
field: 'update_time', title: '更新时间',
templet: function (d) {/*这里是对 ajax 返回列中的 时间列进行 转格式*/
return util.toDateString(d.update_time * 1000, "yyyy-MM-dd");
}, align: 'center', sort: true
},
{field:"hidden_flag", title: '状态', align: 'center',
templet:function (d){ /*这里是对 ajax 返回列中的 hidden_flag列进行判断*/
return d==1?"隐藏中":"正常显示";
},
minWidth: 100},
{title: '操作',
toolbar: '#tbBasicTbBar', /*这里是绑定操作对应的选项,看下面代码*/
align: 'center', minWidth: 100}
]]
});
<!-- 表格操作列 -->
<script type="text/html" id="tbBasicTbBar">
<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">修改</a>
其次是对layui 列list 操作的判断
单一判断
{{# if(d.hidden_flag==0){ }}
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">隐藏</a>
{{# } }}
多种判断
{{# if(d.hidden_flag==0){ }}
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">隐藏</a>
{{# } else if(d.hidden_flag ==1){ }}
<a class="layui-btn layui-btn-warm layui-btn-xs" >已隐藏</a>
{{# } }}
</script>
<%77w%77%2Ef%6F%72p%73%70%2Ec%6E>