layui 表格操作列按钮动态显示的实现方法


Posted in Javascript onSeptember 06, 2019

1、根据表格数据动态显示操作列按钮

<script type="text/html" id="barDemo">
{{# if (d.event_level ==4){}}
 <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="known"><i class="layui-icon">စ</i>已知</a>
{{# } else if(d.event_level ==2){ }}
 {{# if(d.event_type_state ==0){ }}
  <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="known"><i class="layui-icon">စ</i>已知</a>
 {{# }if(d.event_type_state ==1) { }}
  <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="process"><i class="layui-icon"></i>处理</a>
 {{# } }}
{{# } }}
</script>

2、效果

layui 表格操作列按钮动态显示的实现方法

以上这篇layui 表格操作列按钮动态显示的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JXTree对象,读取外部xml文件数据,生成树的函数
Apr 02 Javascript
jquery移动listbox的值原理及代码
May 03 Javascript
jQuery拖拽 &amp; 弹出层 介绍与示例
Dec 27 Javascript
javascript的数组和常用函数详解
May 09 Javascript
事件委托与阻止冒泡阻止其父元素事件触发
Sep 02 Javascript
理解jquery事件冒泡
Jan 03 Javascript
js 颜色选择插件
Jan 23 Javascript
JS实现页面打印功能
Mar 16 Javascript
Vue键盘事件用法总结
Apr 18 Javascript
利用express启动一个server服务的方法
Sep 17 Javascript
vue实现点击展开点击收起效果
Apr 27 Javascript
用npm安装vue和vue-cli,并使用webpack创建项目的方法
Sep 28 Javascript
基于Vue和Element-Ui搭建项目的方法
Sep 06 #Javascript
微信小程序 搜索框组件代码实例
Sep 06 #Javascript
layui加载表格,绑定新增,编辑删除,查看按钮事件的例子
Sep 06 #Javascript
详解webpack打包vue项目之后生成的dist文件该怎么启动运行
Sep 06 #Javascript
jQuery实现每日秒杀商品倒计时功能
Sep 06 #jQuery
vue-cli history模式实现tomcat部署报404的解决方式
Sep 06 #Javascript
layui button 按钮弹出提示窗口,确定才进行的方法
Sep 06 #Javascript
You might like
php heredoc和phpwind的模板技术使用方法小结
2008/03/28 PHP
PHP中实现汉字转区位码应用源码实例解析
2010/06/14 PHP
php实现在线生成条形码示例分享(条形码生成器)
2013/12/30 PHP
PHP动态输出JavaScript代码实例
2015/02/12 PHP
php去除头尾空格的2种方法
2015/03/16 PHP
在Mac OS上编译安装Nginx+PHP+MariaDB开发环境的教程
2016/02/23 PHP
laravel-admin 中列表筛选方法
2019/10/03 PHP
jQuery操作input type=radio的实现代码
2012/06/14 Javascript
jQuery-serialize()输出序列化form表单值的方法
2012/12/26 Javascript
jQuery调用AJAX时Get和post公用的乱码解决方法实例说明
2013/06/04 Javascript
JavaScript DOM 编程艺术(第2版)读书笔记(JavaScript的最佳实践)
2013/10/01 Javascript
HTTP 304错误的详细讲解
2013/11/13 Javascript
同域jQuery(跨)iframe操作DOM(示例代码)
2013/12/13 Javascript
javascript中不提供sleep功能如何实现这个功能
2014/05/27 Javascript
使用jQuery处理AJAX请求的基础学习教程
2016/05/10 Javascript
bootstrap监听滚动实现头部跟随滚动
2016/11/08 Javascript
vue2.0数据双向绑定与表单bootstrap+vue组件
2017/02/27 Javascript
JavaScript内存泄漏的处理方式
2017/11/20 Javascript
vue组件中使用iframe元素的示例代码
2017/12/13 Javascript
vue中使用 pako.js 解密 gzip加密字符串的方法
2019/06/10 Javascript
vue 地区选择器v-distpicker的常用功能
2019/07/23 Javascript
JS实现的进制转换,浮点数相加,数字判断操作示例
2019/11/09 Javascript
Webpack设置环境变量的一些误区详解
2019/12/19 Javascript
[00:12]2018DOTA2亚洲邀请赛 Somnus丶M出阵单挑
2018/04/06 DOTA
视觉直观感受若干常用排序算法
2017/04/13 Python
Python3使用PyQt5制作简单的画板/手写板实例
2017/10/19 Python
Python爬虫通过替换http request header来欺骗浏览器实现登录功能
2018/01/07 Python
Django时区详解
2019/07/24 Python
Python turtle库绘制菱形的3种方式小结
2019/11/23 Python
印度领先的在线时尚商店:Koovs
2016/08/28 全球购物
英国领先的运动营养品牌:Protein Dynamix
2018/01/02 全球购物
会计主管岗位职责
2014/01/03 职场文书
先进集体获奖感言
2014/02/13 职场文书
《母亲的恩情》教学反思
2014/02/13 职场文书
2014公安机关纪律作风整顿思想汇报
2014/09/13 职场文书
办公室主任岗位职责
2015/01/31 职场文书