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


Posted in Javascript onSeptember 19, 2019

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对工具条进行选择性的显示方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
数组Array进行原型prototype扩展后带来的for in遍历问题
Feb 07 Javascript
JQuery1.6 使用方法三
Nov 23 Javascript
JS教程:window.location使用方法的区别介绍
Oct 04 Javascript
JavaScript动态插入CSS的方法
Dec 10 Javascript
AngularJS中ng-class用法实例分析
Jul 06 Javascript
requireJS模块化实现返回顶部功能的方法详解
Oct 16 Javascript
Vue.js实现分页查询功能
Nov 15 Javascript
200行代码实现blockchain 区块链实例详解
Mar 14 Javascript
JS实现的图片选择顺序切换和循环切换功能示例【测试可用】
Dec 28 Javascript
利用Node.js如何实现文件循环覆写
Apr 05 Javascript
微信小程序实现点击按钮后修改颜色
Dec 05 Javascript
使用Typescript和ES模块发布Node模块的方法
May 25 Javascript
基于js实现抽红包并分配代码实例
Sep 19 #Javascript
Layui table field初始化加载时进行隐藏的方法
Sep 19 #Javascript
Vue 实例事件简单示例
Sep 19 #Javascript
微信小程序常用的3种提示弹窗实现详解
Sep 19 #Javascript
微信小程序防止多次点击跳转和防止表单组件输入内容多次验证功能(函数防抖)
Sep 19 #Javascript
vue 设置 input 为不可以编辑的实现方法
Sep 19 #Javascript
node 标准输入流和输出流代码实例
Sep 19 #Javascript
You might like
根德Grundig S400/S500/S700电路分析
2021/03/02 无线电
解析php中array_merge与array+array的区别
2013/06/21 PHP
Symfony2函数用法实例分析
2016/03/18 PHP
laravel框架中视图的基本使用方法分析
2019/11/23 PHP
php使用自带dom扩展进行元素匹配的原理解析
2020/05/29 PHP
childNodes.length与children.length的区别
2009/05/14 Javascript
JavaScript Title、alt提示(Tips)实现源码解读
2010/12/12 Javascript
javascript将DOM节点添加到文档的方法实例分析
2015/08/04 Javascript
JavaScrip调试技巧之断点调试
2015/10/22 Javascript
详解js实现线段交点的三种算法
2016/08/09 Javascript
angular route中使用resolve在uglify压缩后问题解决
2016/09/21 Javascript
自动适应iframe右边的高度
2016/12/22 Javascript
微信小程序 小程序制作及动画(animation样式)详解
2017/01/06 Javascript
js遍历json对象所有key及根据动态key获取值的方法(必看)
2017/03/09 Javascript
vue router 组件的高级应用实例代码
2019/04/08 Javascript
JS使用正则表达式实现常用的表单验证功能分析
2020/04/30 Javascript
vue+element实现图片上传及裁剪功能
2020/06/29 Javascript
修改NPM全局模式的默认安装路径的方法
2020/12/15 Javascript
[46:57]EG vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python实现马耳可夫链算法实例分析
2015/05/20 Python
Python基本语法经典教程
2016/03/11 Python
Python中使用支持向量机SVM实践
2017/12/27 Python
Python装饰器原理与用法分析
2018/04/30 Python
Python Django Vue 项目创建过程详解
2019/07/29 Python
python matplotlib折线图样式实现过程
2019/11/04 Python
Python树莓派学习笔记之UDP传输视频帧操作详解
2019/11/15 Python
如何理解python面向对象编程
2020/06/01 Python
python+appium+yaml移动端自动化测试框架实现详解
2020/11/24 Python
Sofmap官网:日本著名的数码电器专卖店
2017/05/19 全球购物
美国尼曼百货官网:Neiman Marcus
2019/09/05 全球购物
EJB的角色和三个对象
2015/12/31 面试题
《影子》教学反思
2014/02/21 职场文书
改革共识倡议书
2014/08/29 职场文书
Mysql 如何查询时间段交集
2021/06/08 MySQL
详解Flutter和Dart取消Future的三种方法
2022/04/07 Java/Android
vue 实现弹窗关闭后刷新效果
2022/04/08 Vue.js