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 判断页面元素是否存在的代码
Aug 14 Javascript
js获取或设置当前窗口url参数的小例子
Oct 14 Javascript
JS简单操作select和dropdownlist实例
Nov 26 Javascript
JavaScript获取一个范围内日期的方法
Apr 24 Javascript
jQuery实现信息提示框(带有圆角框与动画)效果
Aug 07 Javascript
简单了解Backbone.js的Model模型以及View视图的源码
Feb 14 Javascript
即将发布的jQuery 3 有哪些新特性
Apr 14 Javascript
微信小程序之拖拽排序(代码分享)
Jan 21 Javascript
利用Angular2 + Ionic3开发IOS应用实例教程
Jan 15 Javascript
AngularJS ui-router刷新子页面路由的方法
Jul 23 Javascript
vue使用keep-alive保持滚动条位置的实现方法
Apr 09 Javascript
JavaScript Window窗口对象属性和使用方法
Jan 19 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实现的获取网页中的图片并保存到本地的代码
2010/01/05 PHP
php将session放入memcached的设置方法
2014/02/14 PHP
php通过记录IP来防止表单重复提交方法分析
2014/12/16 PHP
javascript下4个跨浏览器必备的函数
2010/03/07 Javascript
Windows系统下使用Sublime搭建nodejs环境
2015/04/13 NodeJs
javascript中Date()函数在各浏览器中的显示效果
2015/06/18 Javascript
javascript实现unicode与ASCII相互转换的方法
2015/12/10 Javascript
又一款MVVM组件 构建自己的Vue组件(2)
2017/03/13 Javascript
微信小程序开发之map地图实现教程
2017/06/08 Javascript
基于rem的移动端响应式适配方案(详解)
2017/07/07 Javascript
微信小程序wx.previewImage预览图片实例详解
2017/12/07 Javascript
基于$.ajax()方法从服务器获取json数据的几种方式总结
2018/01/31 Javascript
Angular Renderer (渲染器)的具体使用
2018/05/03 Javascript
Vue二次封装axios为插件使用详解
2018/05/21 Javascript
vuejs 动态添加input框的实例讲解
2018/08/24 Javascript
JS基于ES6新特性async await进行异步处理操作示例
2019/02/02 Javascript
[01:10:16]DOTA2上海特级锦标赛B组资格赛#2 Fnatic VS Spirit第一局
2016/02/27 DOTA
机器学习之KNN算法原理及Python实现方法详解
2018/07/09 Python
详解Python循环作用域与闭包
2019/03/21 Python
Python3.5内置模块之random模块用法实例分析
2019/04/26 Python
python粘包问题及socket套接字编程详解
2019/06/29 Python
python 利用pywifi模块实现连接网络破解wifi密码实时监控网络
2019/09/16 Python
pytorch 利用lstm做mnist手写数字识别分类的实例
2020/01/10 Python
如何基于python3和Vue实现AES数据加密
2020/03/27 Python
python 实现倒计时功能(gui界面)
2020/11/11 Python
日本7net购物网:书籍、漫画、杂志、DVD、游戏邮购
2017/02/17 全球购物
weblogic面试题
2016/03/07 面试题
经典c++面试题三
2015/07/08 面试题
桥梁与隧道工程专业本科生求职信
2013/10/08 职场文书
幼儿园中秋节活动反思
2014/02/16 职场文书
团委书记的竞聘演讲稿
2014/04/24 职场文书
2014年业务工作总结
2014/11/17 职场文书
先进基层党组织材料
2014/12/25 职场文书
家长意见书
2015/06/04 职场文书
goland设置颜色和字体的操作
2021/05/05 Golang
MYSQL(电话号码,身份证)数据脱敏的实现
2021/05/28 MySQL