layui 数据表格 按钮动态加载的两种方法

第一种

 ,{field: 'create_time', title: '创建时间', align:'center',width:250,align:'center'}
                  ,{fixed: 'right',title: '操作', align:'center',templet:function (item) {
                               var tem = [];
                               console.log(item)
                               if (item.school_id == "10086" && item.remark1 == "0") {
                                   tem.push('<a lay-event="lookRes" class="layui-btn  layui-btn-xs">设置精品</a>');
                               }
                               if(item.school_id == "10086" && item.remark1 == "1"){
                                   tem.push('<a lay-event="lookRes" class="layui-btn  layui-btn-xs">取消精品</a>');
                               }
                               tem.push('<a lay-event="lookRes" class="layui-btn  layui-btn-xs">查看1</a>');
                               tem.push('<a lay-event="lookWhatRes" class="layui-btn  layui-btn-xs">预览</a>');
                               tem.push('<a lay-event="editRes" class="layui-btn  layui-btn-xs">编辑</a>');
                               tem.push('<a lay-event="deleteRes" class="layui-btn  layui-btn-danger layui-btn-xs"><i class="layui-icon layui-icon-delete"></i>删除</a>');
                               return tem.join(' <font></font> ')
                           }}

第二种
注意 “操作” 里的 toolbar 属性值 和

 <script type="text/html" id="tableBtn">
                {{#  if(d.person_type == "SchoolManager"){ }}
                <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="deleteSchoolManager"><i
                        class="layui-icon layui-icon-edit"></i>取消校管</a>
                {{#  } else { }}
                <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="addSchoolManager"><i
                        class="layui-icon layui-icon-edit"></i>设置校管</a>
                {{#  }}}

                <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i
                        class="layui-icon layui-icon-edit"></i>编辑</a>
                <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i
                        class="layui-icon layui-icon-delete"></i>删除</a>
                <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="reset"><i
                        class="layui-icon layui-icon-edit"></i>重置密码</a>
            </script>

 , {field: 'org_name', title: '学院', align: 'center'}
                , {fixed: 'right', title: '操作', toolbar: '#tableBtn', width: 320, align: 'center'}

猜你喜欢

转载自blog.csdn.net/qq_35226176/article/details/90603695