layui table工具栏选择性展示操作元素

最新推荐文章于 2024-04-26 10:16:34 发布

原创最新推荐文章于 2024-04-26 10:16:34 发布 · 2.3k 阅读

2 ·

CC 4.0 BY-SA版权

layui 专栏收录该内容

1 篇文章

订阅专栏

本文介绍在layui表格渲染过程中，如何根据记录中的特定字段值，使用if-else判断语句来动态展示不同的操作按钮或元素。这适用于需要根据不同条件显示定制化操作界面的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

背景：layui表格渲染时要根据判断记录中一个或多个字段，在工具操作栏中展示不同的操作按钮或者元素。

解决：需要用到layui中的一个语法。具体见下：

<script type="text/html" id="toolBar">
    {{# if(d.device_type=='2'){ }}
    <div id="{{d.way_id}}" address="{{d.device_address}}" type="{{d.device_type}}" waystate="{{d.way_state}}" num="{{d.way_num}}" class="slider"></div>
    {{# } else{ }}
    <a class="layui-btn layui-btn-xs " lay-event="on" style="width: 60px">开启</a>
    {{# } }}
</script>

实际就是if else判断，特此记录一下，以应付这样的需求。