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 相关文章推荐
JS实现浏览器菜单命令
Sep 05 Javascript
javascript Discuz代码中的msn聊天小功能
May 25 Javascript
IE 下的只读 innerHTML
Aug 21 Javascript
jQuery事件绑定on()与弹窗实现代码
Apr 28 Javascript
JavaScript中ES6字符串扩展方法
Aug 26 Javascript
数组Array的一些方法(总结)
Feb 17 Javascript
本地存储localStorage用法详解
Jul 31 Javascript
浅谈vue项目用到的mock数据接口的两种方式
Oct 09 Javascript
JavaScript 浏览器对象模型BOM原理与常见用法实例分析
Dec 16 Javascript
JavaScript前端实现压缩图片功能
Mar 06 Javascript
vue切换菜单取消未完成接口请求的案例
Nov 13 Javascript
Three.js实现雪糕地球的使用示例详解
Jul 07 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
PHPThumb PHP 图片缩略图库
2012/03/11 PHP
php弹出对话框实现重定向代码
2014/01/23 PHP
php检查是否是ajax请求的方法
2015/04/16 PHP
PHP使用redis实现统计缓存mysql压力的方法
2015/11/14 PHP
javascript中删除指定数组中指定的元素的代码
2011/02/12 Javascript
日历查询的算法 如何计算某一天是星期几
2012/12/12 Javascript
JS 获取浏览器和屏幕宽高等信息的实现思路及代码
2013/07/31 Javascript
Jquery chosen动态设置值实例介绍
2013/08/08 Javascript
html文件中jquery与velocity变量中的$冲突的解决方法
2013/11/01 Javascript
对Jquery中的ajax再封装,简化操作示例
2014/02/12 Javascript
Jquery全屏相册插件zoomvisualizer具有调节放大与缩小功能
2015/11/02 Javascript
nodejs修复ipa处理过的png图片
2016/02/17 NodeJs
基于javascript实现页面加载loading效果
2020/09/15 Javascript
React中jquery引用的实现方法
2017/09/12 jQuery
浅谈Node.js 子进程与应用场景
2018/01/24 Javascript
详解JavaScript 新语法之Class 的私有属性与私有方法
2019/04/23 Javascript
layer ui插件显示tips时,修改字体颜色的实现方法
2019/09/11 Javascript
vue中uni-app 实现小程序登录注册功能
2019/10/12 Javascript
js实现贪吃蛇游戏(简易版)
2020/09/29 Javascript
如何使用 JavaScript 操作浏览器历史记录 API
2020/11/24 Javascript
Python中矩阵库Numpy基本操作详解
2017/11/21 Python
Python爬虫设置代理IP的方法(爬虫技巧)
2018/03/04 Python
给Django Admin添加验证码和多次登录尝试限制的实现
2020/07/26 Python
python实现杨辉三角的几种方法代码实例
2021/03/02 Python
利用 Canvas实现绘画一个未闭合的带进度条的圆环
2019/07/26 HTML / CSS
PHP高级工程师面试问题推荐
2013/01/18 面试题
物业管理个人自我评价
2013/11/08 职场文书
大学生职业规划前言模板
2013/12/27 职场文书
贸易经济专业自荐书
2014/06/29 职场文书
上党课的心得体会
2014/09/02 职场文书
党员批评与自我批评发言材料
2014/10/14 职场文书
2014年护士长工作总结
2014/11/11 职场文书
承诺函格式模板
2015/01/21 职场文书
公司财务经理岗位职责
2015/04/08 职场文书
学雷锋献爱心活动总结
2015/05/11 职场文书
nginx里的rewrite跳转的实现
2021/03/31 Servers