layui实现根据table数据判断按钮显示情况的方法


Posted in Javascript onSeptember 26, 2019

就可以根据table的数据实现判断toolbar按钮的显示状态和情况

实例如下所示:

<script type="text/html" id="barDemo">
  {{# if(d.status ==0){ }}
  <a class="layui-btn layui-btn-mini" lay-event="examine">查看</a>
  <a class="layui-btn layui-btn-mini" lay-event="edit">编辑</a>
  <a class="layui-btn layui-btn-danger layui-btn-mini" lay-event="del">删除</a>
  <a class="layui-btn layui-btn-mini" lay-event="submit">提交</a>
  {{# }if(d.status ==2) { }}
  <a class="layui-btn layui-btn-mini" lay-event="examine">查看</a>
  <a class="layui-btn layui-btn-mini" lay-event="export">创建组套产品</a>
  {{# }if(d.status ==1) { }}
  <a class="layui-btn layui-btn-mini" lay-event="examine">查看</a>
  {{# } }}
</script>

以上这篇layui实现根据table数据判断按钮显示情况的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
提高代码性能技巧谈—以创建千行表格为例
Jul 01 Javascript
表格单元格交错着色实现思路及代码
Apr 01 Javascript
JavaScript的各种常见函数定义方法
Sep 16 Javascript
使用AmplifyJS组件配合JavaScript进行编程的指南
Jul 28 Javascript
原生JS京东轮播图代码
Mar 22 Javascript
解读ES6中class关键字
Nov 20 Javascript
React教程之封装一个Portal可复用组件的方法
Jan 02 Javascript
VUEJS 2.0 子组件访问/调用父组件的实例
Feb 10 Javascript
JavaScript常用截取字符串的三种方式用法区别实例解析
May 15 Javascript
在 Angular6 中使用 HTTP 请求服务端数据的步骤详解
Aug 06 Javascript
jQuery实现提交表单时不提交隐藏div中input的方法
Oct 08 jQuery
在Vue中使用CSS3实现内容无缝滚动的示例代码
Nov 27 Vue.js
vue+element表格导出为Excel文件
Sep 26 #Javascript
利用layer实现表单完美验证的方法
Sep 26 #Javascript
vue点击当前路由高亮小案例
Sep 26 #Javascript
使用layer弹窗提交表单时判断表单是否输入为空的例子
Sep 26 #Javascript
vue框架制作购物车小球动画效果实例代码
Sep 26 #Javascript
IDEA安装vue插件图文详解
Sep 26 #Javascript
layui use 定义js外部引用函数的方法
Sep 26 #Javascript
You might like
PHP实现生成推广海报的方法详解
2018/03/14 PHP
简单的JS多重继承示例
2008/03/13 Javascript
javascript数字数组去重复项的实现代码
2010/12/30 Javascript
Jquery中getJSON在asp.net中的使用说明
2011/03/10 Javascript
Ubuntu 11.10 安装Node.js的方法
2011/11/30 Javascript
ASP.NET jQuery 实例3 (在TextBox里面阻止复制、剪切和粘贴事件)
2012/01/13 Javascript
JQuery获取各种宽度、高度(format函数)实例
2013/03/04 Javascript
jquery操作对象数组元素方法详解
2014/11/26 Javascript
使用JavaScript实现连续滚动字幕效果的方法
2015/07/07 Javascript
用js实现放大镜的效果的简单实例
2016/05/23 Javascript
微信小程序动态显示项目倒计时效果
2017/06/13 Javascript
JavaScript编程设计模式之观察者模式(Observer Pattern)实例详解
2017/10/25 Javascript
vue 过滤器filter实例详解
2018/03/14 Javascript
微信小程序之自定义组件的实现代码(附源码)
2018/08/02 Javascript
vue动画之点击按钮往上渐渐显示出来的实例
2018/09/29 Javascript
jQuery实现ajax的嵌套请求案例分析
2019/02/16 jQuery
浅析vue中的MVVM实现原理
2019/03/04 Javascript
javascript实现blob加密视频源地址的方法
2019/08/08 Javascript
在Node.js中将SVG图像转换为PNG,JPEG,TIFF,WEBP和HEIF格式的方法
2019/08/22 Javascript
layui导出所有数据的例子
2019/09/10 Javascript
Pycharm操作Git及GitHub的步骤详解
2020/10/27 Python
浅谈h5自定义audio(问题及解决)
2016/08/19 HTML / CSS
韩国11街:11STREET
2018/03/27 全球购物
耐克中国官方商城:Nike中国
2018/10/18 全球购物
乌克兰第一的珠宝网上商店:Gold.ua
2019/11/29 全球购物
性能测试工程师的面试题
2015/02/20 面试题
创业计划书六个要素
2013/12/26 职场文书
中学生演讲稿
2014/04/26 职场文书
2015年小学生新年寄语
2014/12/08 职场文书
2014年小学图书室工作总结
2014/12/09 职场文书
2015年教学工作总结
2015/04/02 职场文书
毕业论文指导老师意见
2015/06/04 职场文书
2016年端午节校园广播稿
2015/12/18 职场文书
2019行政前台转正申请书范文3篇
2019/08/15 职场文书
Golang 编译成DLL文件的操作
2021/05/06 Golang
Python实战之OpenCV实现猫脸检测
2021/06/26 Python