首页 话题 小组 问答 好文 用户 我的社区 域名交易

[分享]layui table的toolbar根据状态展示不同按钮

发布于 2024-09-08 02:08:58
0
143

layui table的toolbar根据状态展示不同按钮,具体实现的功能如下,对于列中是已发布的,不显示发布和删除按钮具体代码如下,需要先在table的列中定义一个templet为toolBar: ...

layui table的toolbar根据状态展示不同按钮,具体实现的功能如下,对于列中是已发布的,不显示发布和删除按钮

具体代码如下,需要先在table的列中定义一个templet为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>
评论
啊龙
Lv.1普通用户

185

帖子

20

小组

524

积分

站长交流