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'}

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值