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>

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM