Layui 按钮显示隐藏

一，载入table

显示页面

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

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

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

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

    {{# } }}

 

   <script type="text/html" id="barDemo">
                    {{# if(d.State=='未解决'){}}
                    <a class=" layui-btn  layui-btn-normal layui-btn-xs" lay-event="Conduct" >解决问题</a>
                    <a class=" layui-btn layui-btn-danger layui-btn-xs" lay-event="del" >删除</a>
                    {{# } else if(d.State=='进行中') { }}
                    <a class=" layui-btn  layui-btn-xs" lay-event="UpdaEnd">已解决</a>
                    <a class=" layui-btn layui-btn-danger layui-btn-xs" lay-event="del" >删除</a>
                    {{# } else { }}
                    <a class=" layui-btn layui-btn-danger layui-btn-xs" lay-event="del" >删除</a>
                    {{# } }}
                </script>
                <table class="layui-inline" lay-filter="table" id="cardList"></table>

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

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

 

 //载入表格
            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}
                    }
                    ]
                ]
            });

如有错误或不恰当之处，望大佬们给予批评指正