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插件制作简单示例说明
Feb 03 Javascript
Javascript中的String对象详谈
Mar 03 Javascript
json属性名为什么要双引号(个人猜测)
Jul 31 Javascript
原创jQuery弹出层插件分享
Apr 02 Javascript
js实现的tab标签切换效果代码分享
Aug 25 Javascript
JavaScript中的Array 对象(数组对象)
Jun 02 Javascript
jQuery根据name属性进行查找的用法分析
Jun 23 Javascript
JS中的phototype详解
Feb 04 Javascript
新手必须知的Node.js 4个JavaScript基本概念
Sep 16 Javascript
Nuxt升级2.0.0时出现的问题(小结)
Oct 08 Javascript
详解webpack4.x之搭建前端开发环境
Mar 28 Javascript
Element Popover 弹出框的使用示例
Jul 26 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图像处理类库及演示分享
2015/05/17 PHP
使用图灵api创建微信聊天机器人
2015/07/23 PHP
PHP抓取及分析网页的方法详解
2016/04/26 PHP
thinkPHP分组后模板无法加载问题解决方法
2016/07/12 PHP
基于ThinkPHP5框架使用QueryList爬取并存入mysql数据库操作示例
2019/05/25 PHP
PHP中define() 与 const定义常量的区别详解
2019/06/25 PHP
javascript知识点收藏
2007/02/22 Javascript
jQuery AJAX实现调用页面后台方法和web服务定义的方法分享
2012/03/01 Javascript
javascript 中的继承实例详解
2017/05/05 Javascript
React如何利用相对于根目录进行引用组件详解
2017/10/09 Javascript
vue的安装及element组件的安装方法
2018/03/09 Javascript
三分钟教你用Node做一个微信哄女友(基友)神器(面向小白)
2019/06/21 Javascript
Android 自定义view仿微信相机单击拍照长按录视频按钮
2019/07/19 Javascript
vue服务端渲染操作简单入门实例分析
2019/08/28 Javascript
浅谈Vue.set实际上是什么
2019/10/17 Javascript
vue设置默认首页的操作
2020/08/12 Javascript
vue+Element-ui实现登录注册表单
2020/11/17 Javascript
Element-ui upload上传文件限制的解决方法
2021/01/22 Javascript
python实现基本进制转换的方法
2015/07/11 Python
pytorch 在网络中添加可训练参数,修改预训练权重文件的方法
2019/08/17 Python
Python中Unittest框架的具体使用
2019/08/27 Python
python 将dicom图片转换成jpg图片的实例
2020/01/13 Python
使用Python将图片转正方形的两种方法实例代码详解
2020/04/29 Python
Python实现Keras搭建神经网络训练分类模型教程
2020/06/12 Python
Python是怎样处理json模块的
2020/07/16 Python
关于python中remove的一些坑小结
2021/01/04 Python
土木工程专业大学毕业生求职信
2013/10/13 职场文书
产品工艺师的岗位职责
2013/11/15 职场文书
在校硕士自我鉴定
2014/01/23 职场文书
初二生物教学反思
2014/02/03 职场文书
公司中层干部的自我评价分享
2014/03/01 职场文书
静心口服夜广告词
2014/03/20 职场文书
小学教师评语大全
2014/04/23 职场文书
电子信息工程专业求职信
2014/06/28 职场文书
教师工作决心书
2015/02/04 职场文书
vue使用echarts实现折线图
2022/03/21 Vue.js