沃梦达 / IT编程 / 前端开发 / 正文

layui动态显示/隐藏表格中的操作按钮

在layui中我们可能会有需要在执行完某一操作后使操作框变得不可选或者显示其他内容来进一步操作。例如: 这时我们就需要利用到layui中的一些语法: script type="text/html" id="对应操作栏的id"{{# if(条件){ }} a class="layui-btn layui-btn-xs layui-btn-warm" lay-

layui中我们可能会有需要在执行完某一操作后使操作框变得不可选或者显示其他内容来进一步操作。例如:

这时我们就需要利用到layui中的一些语法:
<script type="text/html" id="对应操作栏的id">
	{{#  if(条件){ }}	
    <a class="layui-btn layui-btn-xs layui-btn-warm" lay-event="事件名称">显示操作名称</a> 
    {{#  } }}
</script>
其中layui表格中的数据数组为 d ,可以通过d.字段名来进行条件判断例如:
<script type="text/html" id="roleBar">
    {{#  if(d.checkState == 0){ }}
    <a class="layui-btn layui-btn-xs layui-btn-warm" lay-event="unPass">未审批</a>  
    {{#  } }} 
    {{#  if(d.checkState != 0){ }}
    <a class="layui-btn layui-btn-xs layui-btn-warm" lay-event="pass">已审批</a>
    {{#  } }}
</script>

本文标题为:layui动态显示/隐藏表格中的操作按钮