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

参考:https://www.layui.com/doc/modules/laytpl.html

目前想实现如下效果

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

此时在 toolbar 的<script>进行逻辑设置

<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>

即可

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:撸撸猫 设计师:马嘣嘣 返回首页
评论

打赏作者

Gin_Chou

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值