关于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 相关文章推荐
利用webqq协议使用python登录qq发消息源码参考
Apr 08 Javascript
Dom 学习总结以及实例的使用介绍
Apr 24 Javascript
JSON格式的键盘编码对照表
Jan 29 Javascript
最佳的JavaScript错误处理实践
Jul 16 Javascript
基于layer.js实现收货地址弹框选择然后返回相应的地址信息
May 26 Javascript
JavaScript使用享元模式实现文件上传优化操作示例
Aug 07 Javascript
创建Vue项目以及引入Iview的方法示例
Dec 03 Javascript
Vue 样式绑定的实现方法
Jan 15 Javascript
JS实现简单的文字无缝上下滚动功能示例
Jun 22 Javascript
vue-cli脚手架引入弹出层layer插件的几种方法
Jun 24 Javascript
vue之封装多个组件调用同一接口的案例
Aug 11 Javascript
javascript this指向相关问题及改变方法
Nov 19 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
PHP中文URL编解码(urlencode()rawurlencode()
2010/07/03 PHP
php分页函数完整实例代码
2014/09/22 PHP
人脸识别测颜值、测脸龄、测相似度微信接口
2016/04/07 PHP
详解php curl带有csrf-token验证模拟提交方法
2018/04/18 PHP
PHP开发的文字水印,缩略图,图片水印实现类与用法示例
2019/04/12 PHP
jQuery 学习 几种常用方法
2009/06/11 Javascript
javascript中的作用域scope介绍
2010/12/28 Javascript
js replace 与replaceall实例用法详解
2013/08/03 Javascript
JavaScript中setInterval的用法总结
2013/11/20 Javascript
jQuery向上遍历DOM树之parents(),parent(),closest()之间的区别
2013/12/02 Javascript
canvas实现手机端用来上传用户头像的代码
2016/10/20 Javascript
jQuery插件autocomplete使用详解
2017/02/04 Javascript
jQuery实现给input绑定回车事件的方法
2017/02/09 Javascript
基于 webpack2 实现的多入口项目脚手架详解
2017/06/26 Javascript
jQuery ajax读取本地json文件的实例
2017/10/31 jQuery
详解如何使用webpack打包JS
2018/06/21 Javascript
Vue项目数据动态过滤实践及实现思路
2018/09/11 Javascript
Vue触发式全局组件构建的方法
2018/11/28 Javascript
JavaScript 中 JSON.parse 函数 和 JSON.stringify 函数
2018/12/05 Javascript
弱类型语言javascript中 a,b 的运算实例小结
2019/08/07 Javascript
微信小程序sessionid不一致问题解决
2019/08/30 Javascript
JavaScript基于面向对象实现的无缝滚动轮播示例
2020/01/17 Javascript
Python的Urllib库的基本使用教程
2015/04/30 Python
Python 数据可视化pyecharts的使用详解
2019/06/26 Python
python英语单词测试小程序代码实例
2019/09/09 Python
Python 3.8 新功能大揭秘【新手必学】
2020/02/05 Python
利用 PyCharm 实现本地代码和远端的实时同步功能
2020/03/23 Python
Rentalcars.com中国:世界上最大的在线汽车租赁服务
2019/08/22 全球购物
Loreto Gallo英国:欧洲领先的在线药房
2021/01/21 全球购物
关于VPN
2012/06/10 面试题
大型车展策划方案
2014/02/01 职场文书
审计班子对照检查材料
2014/08/27 职场文书
2014年医院后勤工作总结
2014/12/06 职场文书
开学第一周总结
2015/07/16 职场文书
2015年秋季运动会加油稿
2015/07/22 职场文书
Nginx限流和黑名单配置
2022/05/20 Servers