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 相关文章推荐
jquery插件之定时查询待处理任务数量
May 01 Javascript
解决js下referer兼容各大浏览器的方法
Nov 03 Javascript
jquery checkbox无法用attr()二次勾选问题的解决方法
Jul 22 Javascript
Easyui ueditor 整合解决不能编辑的问题(推荐)
Jun 25 Javascript
微信web端后退强制刷新功能的实现代码
Mar 04 Javascript
jQuery 点击获取验证码按钮及倒计时功能
Sep 20 jQuery
小程序实现左滑删除功能
Oct 30 Javascript
Vue实现导航栏点击当前标签变色功能
Aug 19 Javascript
layui 对table中的数据进行转义的实例
Sep 12 Javascript
js 下拉菜单点击旁边收起实现(踩坑记)
Sep 29 Javascript
vue项目使用.env文件配置全局环境变量的方法
Oct 24 Javascript
js单线程的本质 Event Loop解析
Oct 29 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 mssql扩展SQL查询中文字段名解决方法
2012/10/15 PHP
PHP解析RSS的方法
2015/03/05 PHP
SESSION存放在数据库用法实例
2015/08/08 PHP
Yii2框架使用计划任务的方法
2016/05/25 PHP
PHP如何防止XSS攻击与XSS攻击原理的讲解
2019/03/22 PHP
使用滤镜设置透明导致 IE 6/7/8/9 解析异常的解决方法
2011/04/07 Javascript
Javascript单元测试框架QUnitjs详细介绍
2014/05/08 Javascript
javascript实现简单的贪吃蛇游戏
2015/03/31 Javascript
详解js中构造流程图的核心技术JsPlumb
2015/12/08 Javascript
js倒计时抢购实例
2015/12/20 Javascript
JavaScript对Json的增删改属性详解
2016/06/02 Javascript
简单易扩展可控性强的Jquery转盘抽奖程序
2019/03/16 jQuery
微信小程序使用Vant Weapp组件库的方法步骤
2019/08/01 Javascript
ES6如何用一句代码实现函数的柯里化
2020/01/18 Javascript
vue cli3.0打包上线静态资源找不到路径的解决操作
2020/08/03 Javascript
JavaScript语法约定和程序调试原理解析
2020/11/03 Javascript
python递归打印某个目录的内容(实例讲解)
2017/08/30 Python
python切片及sys.argv[]用法详解
2018/05/25 Python
Python使用numpy模块创建数组操作示例
2018/06/20 Python
python无限生成不重复(字母,数字,字符)组合的方法
2018/12/04 Python
python使用Paramiko模块实现远程文件拷贝
2019/04/30 Python
从pandas一个单元格的字符串中提取字符串方式
2019/12/17 Python
python爬虫分布式获取数据的实例方法
2020/11/26 Python
瑞士灯具购物网站:Lampenwelt.ch
2018/07/08 全球购物
智乐游戏测试笔试题
2014/05/21 面试题
小学生红领巾广播稿
2014/01/21 职场文书
鼓励运动员的广播稿
2014/02/08 职场文书
道德大讲堂实施方案
2014/05/14 职场文书
ktv周年庆活动方案
2014/08/18 职场文书
乡镇党委书记个人整改措施
2014/09/15 职场文书
党的群众路线教育实践活动对照检查材料
2014/09/22 职场文书
法定代表人身份证明书
2015/06/18 职场文书
篮球比赛通讯稿
2015/07/18 职场文书
标枪加油稿
2015/07/22 职场文书
如何用JavaScript检测当前浏览器是无头浏览器
2021/04/27 Javascript
使用Python开发冰球小游戏
2022/04/30 Python