关于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 相关文章推荐
jquery nth-child()选择器的简单应用
Jul 10 Javascript
需要做特殊处理的DOM元素属性的访问
Nov 05 Javascript
关于javaScript注册click事件传递参数的不成功问题
Jul 18 Javascript
使用不同的方法结合/合并两个JS数组
Sep 18 Javascript
Jquery操作cookie记住用户名
Mar 29 Javascript
纯js三维数组实现三级联动效果
Feb 07 Javascript
JS全角与半角转化实例(分享)
Jul 04 Javascript
解决vue router使用 history 模式刷新后404问题
Jul 19 Javascript
JS中this的指向以及call、apply的作用
May 06 Javascript
IE11下处理Promise及Vue的单项数据流问题
Jul 24 Javascript
turn.js异步加载实现翻书效果
Jul 25 Javascript
详解vue身份认证管理和租户管理
May 25 Vue.js
深入理解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 快速生成 Flash 动画的方法
2007/03/06 PHP
php json中文编码为null的解决办法
2016/12/14 PHP
JavaScript中__proto__与prototype的关系深入理解
2012/12/04 Javascript
让JavaScript的Alert弹出框失效的方法禁止弹出警告框
2014/09/03 Javascript
javascript操作ul中li的方法
2015/05/14 Javascript
移动端JQ插件hammer使用详解
2015/07/03 Javascript
jQuery实现的背景动态变化导航菜单效果
2015/08/24 Javascript
JS实现的文字与图片定时切换效果代码
2015/10/06 Javascript
jQuery插件开发精品教程让你的jQuery提升一个台阶
2016/01/27 Javascript
jquery中封装函数传递当前元素的方法示例
2017/05/05 jQuery
AngularJS折叠菜单实现方法示例
2017/05/18 Javascript
JS检测window.open打开的窗口是否关闭
2017/06/25 Javascript
React中jquery引用的实现方法
2017/09/12 jQuery
jquery实现联想词搜索框和搜索结果分页的示例
2018/10/10 jQuery
vue项目中axios请求网络接口封装的示例代码
2018/12/18 Javascript
JS实现iframe中子父页面跨域通讯的方法分析
2020/03/10 Javascript
JavaScript 事件代理需要注意的地方
2020/09/08 Javascript
vue实现前端列表多条件筛选
2020/10/26 Javascript
Python3.0与2.X版本的区别实例分析
2014/08/25 Python
python进阶教程之循环对象
2014/08/30 Python
python批量修改文件名的实现代码
2014/09/01 Python
Python找出list中最常出现元素的方法
2016/06/14 Python
Python的iOS自动化打包实例代码
2018/11/22 Python
解决pycharm py文件运行后停止按钮变成了灰色的问题
2018/11/29 Python
Python argparse模块使用方法解析
2020/02/20 Python
20世纪40年代连衣裙和复古服装:The Seamstress Of Bloomsbury
2018/07/24 全球购物
怎样建立和理解非常复杂的声明?例如定义一个包含N 个指向返回 指向字符的指针的函数的指针的数组?
2013/03/19 面试题
新学期开学寄语
2014/01/18 职场文书
2014年中秋节活动总结
2014/08/29 职场文书
停电调休通知
2015/04/16 职场文书
培训通知
2015/04/17 职场文书
2019最新劳动仲裁申请书!
2019/07/08 职场文书
golang中切片copy复制和等号复制的区别介绍
2021/04/27 Golang
MySQL中出现乱码问题的终极解决宝典
2021/05/26 MySQL
springboot+WebMagic+MyBatis爬虫框架的使用
2021/08/07 Java/Android
一篇文章带你掌握SQLite3基本用法
2022/06/14 数据库