编程 Javascript

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 表格操作列按钮动态显示的实现方法

- Author -

愤怒的小酋长

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

IE8下String的Trim()方法失效的解决方法

Nov 08 Javascript

让input框实现类似百度的搜索提示(基于jquery事件监听)

Jan 31 Javascript

javascript实现瀑布流自适应遇到的问题及解决方案

Jan 28 Javascript

js实现从右向左缓缓浮出网页浮动层广告的方法

May 09 Javascript

js仿微博动态栏功能

Feb 22 Javascript

js 用于检测类数组对象的函数方法

May 02 Javascript

Node.js 回调函数实例详解

Jul 06 Javascript

AngularJS实现的省市二级联动功能示例【可对选项实现增删】

Oct 26 Javascript

纯JS实现的读取excel文件内容功能示例【支持所有浏览器】

Jun 23 Javascript

点击按钮弹出模态框的一系列操作代码实例

Mar 29 Javascript

Vue中jsx不完全应用指南小结

Nov 01 Javascript

微信小程序图片右边加两行文字的代码

Apr 23 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

IIS下配置Php+Mysql+zend的图文教程

2006/12/08 PHP

php中实现记住密码下次自动登录的例子

2014/11/06 PHP

php判断输入是否是纯数字，英文，汉字的方法

2015/03/05 PHP

PHP 的Opcache加速的使用方法

2017/12/29 PHP

php app支付宝回调（异步通知）详解

2018/07/25 PHP

使用js操作cookie的一点小收获分享

2013/09/03 Javascript

解决checkbox的attr(checked)一直为undefined问题

2014/06/16 Javascript

一个简单的全屏图片上下打开显示网页效果示例

2014/07/08 Javascript

JavaScript字符串对象的concat方法实例（用于连接两个或多个字符串）

2014/10/16 Javascript

jQuery结合HTML5制作的爱心树表白动画

2015/02/01 Javascript

详解JavaScript中setSeconds()方法的使用

2015/06/11 Javascript

javascript数组随机排序实例分析

2015/07/22 Javascript

jQuery简单实现页面元素置顶时悬浮效果示例

2016/08/01 Javascript

JS实现两周内自动登录功能

2017/03/23 Javascript

详谈JS中数组的迭代方法和归并方法

2017/08/11 Javascript

vue二级路由设置方法

2018/02/09 Javascript

在layui中对table中的数据进行判断(0、1)转换为提示信息的方法

2019/09/28 Javascript

JS面向对象之单选框实现

2020/01/17 Javascript

js实现拖拽与碰撞检测

2020/09/18 Javascript

vue 动态添加class,三个以上的条件做判断方式

2020/11/02 Javascript

Python采用socket模拟TCP通讯的实现方法

2014/11/19 Python

在Python中使用M2Crypto模块实现AES加密的教程

2015/04/08 Python

Python实现的字典值比较功能示例

2018/01/08 Python

在python下读取并展示raw格式的图片实例

2019/01/24 Python

Python logging设置和logger解析

2019/08/28 Python

Python中的延迟绑定原理详解

2019/10/11 Python

Pytorch根据layers的name冻结训练方式

2020/01/06 Python

python GUI库图形界面开发之PyQt5工具栏控件QToolBar的详细使用方法与实例

2020/02/28 Python

Pandas实现一列数据分隔为两列

2020/05/18 Python

python利用appium实现手机APP自动化的示例

2021/01/26 Python

英国折扣零售连锁店：QD Stores

2018/12/08 全球购物

单位更名证明

2015/06/18 职场文书

中秋节感想

2015/08/10 职场文书

XX部保密工作制度范本

2019/08/27 职场文书

使用python如何删除同一文件夹下相似的图片

2021/05/07 Python

html5中sharedWorker实现多页面通信的示例代码

2021/05/07 Javascript