layui 根据状态判断是否显示操作按钮

<script type="text/html" id="tool_Step">
        {{# if(d.state==0){  }}
        <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="start">启用</a>
        <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</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="stop">停止</a>
        {{#  }}}
    </script>

d代表该行的数据。如果state==0显示启用、编辑、删除按钮;否则显示停止按钮。

这是一个华丽的分割线------------

如果显示两张表是父子表关系,子表根据父表状态判断是否显示操作按钮

1、定义一个变量

var cTool = false;

2、在父表的行点击事件中,根据父表的状态更变变量的值

table.on('row(table_Step)', function (obj) {
                var gData = obj.data;
                if (gData.state == 0) cTool = true;
                else cTool = false;
})

3、干他

 <script type="text/html" id="tool_StepC">
        {{# if(cTool) { }}
        <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
        {{#  }}}
    </script>

 

posted @ 2021-07-26 10:13  我不是白菜啊  阅读(2137)  评论(0)    收藏  举报