【Layui】layui table 的toolbar 根据状态展示不同按钮

本文介绍了如何使用 layui 的 table 组件，根据数据的发布状态在 toolbar 中动态显示不同的按钮。通过判断 isPublish 属性，控制按钮的显示与否，实现了定制化的用户体验。

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

目前想实现如下效果
在这里插入图片描述

根据发布状态展示不同按钮

此时在 toolbar 的

<script type="text/html" id="toolBar">
    <!-- d代表的是layui 引擎模板中所使用的单个数据 -->
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit">编辑</a>
    {{#  if(d.id !=0 && d.isPublish ==0){ }}<!--layui 规定 用 d 来表示数据实体 laytpl-->
    <a class="layui-btn layui-btn layui-btn-xs" lay-event="publish">发布</a>
    {{#  } }}
    {{#  if(d.id !=0 && d.isPublish ==1){ }}<!--layui 规定 用 d 来表示数据实体 laytpl-->
    <a class="layui-btn layui-btn-warm layui-btn-xs" lay-event="forbid">禁用</a>
    {{#  } }}
    {{#  if(d.id !=0){ }} <!--layui 规定 用 d 来表示数据实体 laytpl-->
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
    {{#  } }}
</script>

比如我根据 isPublish 状态来展示部分数据，按照格式

<script type="text/html" id="toolBar">
    <!-- d代表的是layui 引擎模板中所使用的单个数据 -->
    
    {{#  if(d.字段 +判断方式){ }}<!--layui 规定 用 d 来表示数据实体  来展示一下按钮laytpl-->
    <a class="layui-btn layui-btn layui-btn-xs" lay-event="xxxx">xxx</a> 
    {{#  } }} <!-- 结束判断 -->
   
</script>