layui对工具条进行选择性的显示方法

更新时间：2019年09月19日 11:39:59 作者：ym0913

今天小编就为大家分享一篇layui对工具条进行选择性的显示方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

layui工具栏根据状态动态显示

代码

<script type="text/html" id="structoption1">//此处id为layui中 toolbar: '#structoption1'（是表单中的工具条）
  {{# if(d.level==1){ }}//此处的level为数据库中字段，d随便起的
  <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="deleteonesub">删除</a>
  <a class="layui-btn layui-btn-xs" lay-event="addtwosub">添加二级科目</a>
  <a class="layui-btn layui-btn-xs" lay-event="updateDepart">修改科目</a>
  {{# } }} {{# if(d.level==2){ }}
  <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="deletetwosub">删除</a>
  <a class="layui-btn layui-btn-xs" lay-event="updateDepart">修改科目</a>
  {{# } }}
 </script>

这样就可根据数据库中的状态来判断在操作功能是否需要在操作列显示。

以上这篇layui对工具条进行选择性的显示方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

50行代码实现Webpack组件使用次数统计
这篇文章主要介绍了50行代码实现Webpack组件使用次数统计,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2021-03-03
重载toString实现JS HashMap分析
用过Java的都知道，里面有个功能强大的数据结构——HashMap，它能提供键与值的对应访问。不过熟悉JS的朋友也会说，JS里面到处都是hashmap，因为每个对象都提供了map[key]的访问形式。
2011-03-03
JS中call apply bind函数手写实现demo
这篇文章主要为大家介绍了JS中call apply bind函数手写实现demo，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-03-03
基于JS实现一个随机生成验证码功能
这篇文章主要介绍了基于JS实现一个随机生成验证码功能，随机生成一个四位数的验证码，本文通过实例代码给大家介绍的非常详细具有一定的参考借鉴价值,需要的朋友可以参考下
2019-05-05
JS前端攻坚浅析instanceof实现原理
这篇文章主要为大家介绍了JS前端攻坚浅析instanceof实现原理详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-12-12
拥抱模块化的JavaScript
模块化JavaScript的概念尤为强烈，似乎有赶超07年Ajax风潮之趋势
2012-03-03
javascript数组元素删除方法delete和splice解析
这篇文章主要介绍了javascaipt数组元素删除方法delete和splice解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-12-12
JavaScript JSON数据处理全集(小结)
这篇文章主要介绍了JavaScript JSON数据处理全集，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-08-08
微信小程序实现禁止分享代码实例
这篇文章主要介绍了微信小程序实现禁止分享代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-10-10
JavaScript去掉数组中的重复元素
在写程序过程中，经常会遇到去除数组中重复元素的需求。要实现这个功能其实并不难
2011-01-01