网站制作学习网JS脚本→正文:layui list 列判断
字体:

layui list 列判断

JS脚本 2022/4/14 19:37:37  点击:不统计

<文章来源: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>

·上一篇:layui 富文本编辑器 获取内容 >>    ·下一篇:JavaScript 时间戳转换为时间 >>
推荐文章
最新文章