关于layui toolbar和template的结合使用方法


Posted in Javascript onSeptember 19, 2019

目的:为了完成表格操作列能够自适应表格行数据的某些条件而做出的变化(比如:表格单双行数据展示不同的操作栏等)

关于layui toolbar和template的结合使用方法

在操作栏定义一个toolbar (后面的为我们要编写的模板ID),js 就完成了。

html代码:

关于layui toolbar和template的结合使用方法

定义操作模板,这里采用的是Layui的模板语法,具体怎么编写可以参考:https://www.layui.com/doc/modules/laytpl.html

这个模板的作用是:

d为迭代表格行数据的形参,d.fileType表示为表格数据一行的某列数据;所以加在一起表示的是当某列值等于txt或者jpg展示上面操作列,否则展示下面的操作列。

Javascript 相关文章推荐
预加载css或javascript的js代码
Apr 23 Javascript
Javascript new关键字的玄机 以及其它
Aug 25 Javascript
JavaScript高级程序设计 阅读笔记(十四) js继承机制的实现
Aug 14 Javascript
瀑布流布局并自动加载实现代码
Mar 12 Javascript
JavaScript中用于四舍五入的Math.round()方法讲解
Jun 15 Javascript
JS中取二维数组中最大值的方法汇总
Apr 17 Javascript
node.js express安装及示例网站搭建方法(分享)
Aug 22 Javascript
原生JS实现移动端web轮播图详解(结合Tween算法造轮子)
Sep 10 Javascript
react 应用多入口配置及实践总结
Oct 17 Javascript
js的各种数据类型判断的介绍
Jan 19 Javascript
vue cli使用融云实现聊天功能的实例代码
Apr 19 Javascript
使用vue-router切换页面时,获取上一页url以及当前页面url的方法
May 06 Javascript
深入理解javascript prototype的相关知识
Sep 19 #Javascript
基于Vue的商品主图放大镜方案详解
Sep 19 #Javascript
vue 实现模糊检索并根据其他字符的首字母顺序排列
Sep 19 #Javascript
微信小程序错误this.setData报错及解决过程
Sep 18 #Javascript
解决layui富文本编辑器图片上传无法回显的问题
Sep 18 #Javascript
layui 富文本赋值,取值,取纯文本值的实例
Sep 18 #Javascript
layui 富文本编辑器和textarea值的相互传递方法
Sep 18 #Javascript
You might like
使用NetBeans + Xdebug调试PHP程序的方法
2011/04/12 PHP
让CodeIgniter数据库缓存自动过期的处理的方法
2014/06/12 PHP
php采用curl实现伪造IP来源的方法
2014/11/21 PHP
php使用mysqli向数据库添加数据的方法
2015/03/20 PHP
JS中字符问题(二进制/十进制/十六进制及ASCII码之间的转换)
2008/11/03 Javascript
Extjs TriggerField在弹出窗口显示不出问题的解决方法
2010/01/08 Javascript
jQuery实现个性翻牌效果导航菜单的方法
2015/03/09 Javascript
深入浅析AngularJS和DataModel
2016/02/16 Javascript
JavaScript基础知识点归纳(推荐)
2016/07/09 Javascript
AngularJS入门教程之 XMLHttpRequest实例讲解
2016/07/27 Javascript
基于JS组件实现拖动滑块验证功能(代码分享)
2016/11/18 Javascript
微信小程序 video详解及简单实例
2017/01/16 Javascript
js实现轮播图的两种方式(构造函数、面向对象)
2017/09/30 Javascript
seajs实现强制刷新本地缓存的方法分析
2017/10/16 Javascript
jQuery EasyUI 折叠面板accordion的使用实例(分享)
2017/12/25 jQuery
理解 JavaScript EventEmitter
2018/03/29 Javascript
vue中v-for通过动态绑定class实现触发效果
2018/12/06 Javascript
如何使用VuePress搭建一个类型element ui文档
2019/02/14 Javascript
最全vue的vue-amap使用高德地图插件画多边形范围的示例代码
2020/07/17 Javascript
vue+elementUI 实现内容区域高度自适应的示例
2020/09/26 Javascript
python快速排序代码实例
2013/11/21 Python
Python读取ini文件、操作mysql、发送邮件实例
2015/01/01 Python
爬虫代理的cookie如何生成运行
2020/09/22 Python
Selenium 配置启动项参数的方法
2020/12/04 Python
python利用appium实现手机APP自动化的示例
2021/01/26 Python
python中最小二乘法详细讲解
2021/02/19 Python
lululemon美国官网:瑜伽服+跑步装备
2018/11/16 全球购物
eBay比利时购物网站:eBay.be
2019/08/09 全球购物
SQL Server笔试题
2012/01/10 面试题
高中军训感言400字
2014/02/24 职场文书
产品生产计划书
2014/05/07 职场文书
本科生求职信
2014/06/17 职场文书
Python Numpy之linspace用法说明
2021/04/17 Python
教你怎么用Python实现GIF动图的提取及合成
2021/06/15 Python
MySQL8.0升级的踩坑历险记
2021/11/01 MySQL
Sentry的安装、配置、使用教程(Sentry日志手机系统)
2022/07/23 Python