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 相关文章推荐
统计jQuery中各字符串出现次数的工具
May 03 Javascript
js日期时间补零的小例子
Mar 05 Javascript
文本域中换行符的替换示例
Mar 04 Javascript
Javascript中的异步编程规范Promises/A详细介绍
Jun 06 Javascript
js实现按钮加背景图片常用方法
Nov 01 Javascript
基于豆瓣API+Angular开发的web App
Jan 02 Javascript
老生常谈onBlur事件与onfocus事件(js)
Jul 09 Javascript
如何利用JQuery实现从底部回到顶部的功能
Dec 27 Javascript
ES6教程之for循环和Map,Set用法分析
Apr 10 Javascript
微信小程序教程系列之新建页面(4)
Apr 17 Javascript
JS利用正则表达式实现简单的密码强弱判断实例
Jun 16 Javascript
Vue Promise的axios请求封装详解
Aug 13 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
解析:php调用MsSQL存储过程使用内置RETVAL获取过程中的return值
2013/07/03 PHP
深入讲解PHP Session及如何保持其不过期的方法
2015/08/18 PHP
PHP判断手机是IOS还是Android
2015/12/09 PHP
PHP类的自动加载与命名空间用法实例分析
2020/06/05 PHP
javascript实现的动态文字变换
2007/07/28 Javascript
Confirmer JQuery确认对话框组件
2010/06/09 Javascript
JavaScrip单线程引擎工作原理分析
2010/09/04 Javascript
那些年,我还在学习jquery 学习笔记
2012/03/05 Javascript
jquery 列表双向选择器之改进版
2013/08/09 Javascript
JavaScript 匿名函数和闭包介绍
2015/04/13 Javascript
为何JS操作的href都是javascript:void(0);呢
2015/11/12 Javascript
jquery实现静态搜索功能(可输入搜索文字)
2017/03/28 jQuery
JavaScript中附件预览功能实现详解(推荐)
2017/08/15 Javascript
对于input 框限定输入值为浮点型的js代码
2017/09/25 Javascript
javascript 产生随机数的几种方法总结
2017/09/26 Javascript
基于express中路由规则及获取请求参数的方法
2018/03/12 Javascript
原生实现一个react-redux的代码示例
2018/06/08 Javascript
vue动画打包后失效问题的解决方法
2018/09/18 Javascript
基于nodejs的雪碧图制作工具的示例代码
2018/11/05 NodeJs
搭建一个Koa后端项目脚手架的方法步骤
2019/05/30 Javascript
Javascript数组方法reduce的妙用之处分享
2019/06/10 Javascript
vue 开发企业微信整合案例分析
2019/12/02 Javascript
[01:15:36]加油刀塔第二期网络版
2014/08/09 DOTA
python实现百度关键词排名查询
2014/03/30 Python
python返回昨天日期的方法
2015/05/13 Python
整理Python 常用string函数(收藏)
2016/05/30 Python
wxpython布局的实现方法
2019/11/01 Python
python GUI库图形界面开发之PyQt5切换按钮控件QPushButton详细使用方法与实例
2020/02/28 Python
乡镇庆八一活动方案
2014/02/02 职场文书
2014年最新学习全国两会精神心得
2014/03/17 职场文书
党的群众路线对照检查材料范文
2014/09/24 职场文书
维稳工作情况汇报
2014/10/27 职场文书
教师专业技术工作总结2015
2015/05/13 职场文书
《牧场之国》教学反思
2016/02/22 职场文书
MySQL系列之十四 MySQL的高可用实现
2021/07/02 MySQL
spring boot中nativeQuery的用法
2021/07/26 Java/Android