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

今天药忘吃喽~ 2022-01-25 22:57 515阅读 0赞

**第一种**

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

发表评论取消回复

表情：

评论列表（有 0 条评论，515人围观）

还没有评论，来说两句吧...

相关阅读

相关 layui 方法渲染表格数据

layui.use('table', function () { const table = layui.table; //第一个实例

爱被打了一巴掌/ 2024年03月31日 17:17/ 0 赞/ 133 阅读

相关 DLL的两种加载方式——静态加载和动态加载

案例简述在某项目中，需要使用两个不同版本的HCNetSDK库，我们通常使用的静态加载DLL的方式不能满足该需求，故用到动态加载DLL的方式。背景技术及

曾经终败给现在/ 2023年02月23日 12:21/ 0 赞/ 31 阅读

相关 layui 多次加载数据表格，导致对表格的操作按钮的一次点击触发多次点击事件

将注册按钮事件写到加载的第一个layui模块中，可防止多次加载表格后触发多次data-type点击事件，代码如下： <button class="layui-btn

╰半橙微兮°/ 2023年02月11日 07:25/ 0 赞/ 37 阅读

相关 Element-UI的表格动态加载数据

这几天用vue做项目，因为没有数据，全都是自己模拟的，终于今天来了数据，结果出了一点点小问题。数据没有加载进去，原因是我直接把获取的数据整个赋值了，这样是不对滴，需要循环一

一时失言乱红尘/ 2022年06月10日 10:13/ 0 赞/ 249 阅读

相关 2种方法简单爬取JS加载的动态数据

参考原文:http://www.cnblogs.com/buzhizhitong/p/5697683.html 需要爬取的网站数据: http://gkcx.e

Myth丶恋晨/ 2022年06月04日 02:42/ 0 赞/ 415 阅读

相关《layUI 的数据表格》

1.Action private t_book_vo bookvo = new t_book_vo(); private bookDao_vo bdv =

亦凉/ 2022年04月18日 05:24/ 0 赞/ 525 阅读

相关 layui 给数据表格加序号

1，第一种需求，只给当前页加序号（1），给你的数据加上 templet属性 ,cols: \[\[ \{field:'tourPlayerId', widt

古城微笑少年丶/ 2022年04月15日 00:15/ 0 赞/ 323 阅读

相关 vue 加载公共模板的两种方法

1.`APP`文件中 <template> <div id="app"> <my-nav></my-nav> <route

￡神魔★判官ぃ/ 2022年04月11日 09:54/ 0 赞/ 721 阅读

相关 layui 表格操作列按钮动态显示

1、根据表格数据动态显示操作列按钮 <script type="text/html" id="barDemo"> { { if (d.eve

末蓝、/ 2022年02月28日 15:40/ 0 赞/ 526 阅读

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

第一种 ,{field: 'create_time', title: '创建时间', align:'center',width:250,align:'center'}

今天药忘吃喽~/ 2022年01月25日 22:57/ 0 赞/ 516 阅读