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

时间:2022-10-21
在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.form is not a function 下一条:查看Iconfont字体有哪些图标和编码

相关文章

最新文章