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

Posted 厦门德仔

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了[Layui]layui table 的toolbar 根据状态展示 不同按钮相关的知识,希望对你有一定的参考价值。

目前想实现如下效果


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

此时在 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>

以上是关于[Layui]layui table 的toolbar 根据状态展示 不同按钮的主要内容,如果未能解决你的问题,请参考以下文章

layui table参数怎么传到后台

layui教程---table

layui的table怎么改变分页的颜色

layui table cols有没有回调函数?

layui table 跨页记忆选择

layui的数据表格(table)分页篇