关于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 相关文章推荐
JavaScript 拾漏补遗
Dec 27 Javascript
php对mongodb的扩展(初识如故)
Nov 11 Javascript
随鼠标上下滚动的jquery代码
Dec 05 Javascript
Javascript URI 解析介绍
Mar 15 Javascript
基于JQuery和CSS3实现仿Apple TV海报背景视觉差特效源码分享
Sep 21 Javascript
textarea 在浏览器中固定大小和禁止拖动的实现方法
Dec 03 Javascript
bootstrap css样式之表单
Jan 19 Javascript
Angular 2父子组件数据传递之@Input和@Output详解 (上)
Jul 05 Javascript
基于Datatables跳转到指定页的简单实例
Nov 09 Javascript
Node错误处理笔记之挖坑系列教程
Jun 05 Javascript
如何制作一个Node命令行图像识别工具
Dec 12 Javascript
jQuery实现为table表格动态添加或删除tr功能示例
Feb 19 jQuery
深入理解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 采集书并合成txt格式的实现代码
2009/03/01 PHP
php引用地址改变变量值的问题
2012/03/23 PHP
jquery实现多级下拉菜单的实例代码
2013/10/02 Javascript
javascript拖拽上传类库DropzoneJS使用方法
2013/12/05 Javascript
javascript设计模式之解释器模式详解
2014/06/05 Javascript
js使用循环清空某个div中的input标签值
2014/09/29 Javascript
超棒的响应式布局jQuery插件Freetile.js
2014/11/17 Javascript
jQuery异步上传文件插件ajaxFileUpload详细介绍
2015/05/19 Javascript
JQuery+Ajax实现数据查询、排序和分页功能
2015/09/27 Javascript
node.js插件nodeclipse安装图文教程
2020/10/19 Javascript
深入解析Javascript闭包的功能及实现方法
2016/07/10 Javascript
AngularJS的ng-repeat指令与scope继承关系实例详解
2017/01/21 Javascript
ES6解构赋值的功能与用途实例分析
2017/10/31 Javascript
Vue引用第三方datepicker插件无法监听datepicker输入框的值的解决
2018/01/27 Javascript
详解钉钉小程序组件之自定义模态框(弹窗封装实现)
2020/03/07 Javascript
typescript配置alias的详细步骤
2020/08/12 Javascript
JavaScript 事件代理需要注意的地方
2020/09/08 Javascript
[01:09]DOTA2次级职业联赛 - 99战队宣传片
2014/12/01 DOTA
DJANGO-ALLAUTH社交用户系统的安装配置
2014/11/18 Python
python基于multiprocessing的多进程创建方法
2015/06/04 Python
python爬虫 基于requests模块的get请求实现详解
2019/08/20 Python
face++与python实现人脸识别签到(考勤)功能
2019/08/28 Python
tensorflow指定GPU与动态分配GPU memory设置
2020/02/03 Python
python seaborn heatmap可视化相关性矩阵实例
2020/06/03 Python
巴西最大的家电和百货零售商:Casas Bahia
2016/11/22 全球购物
北美个性化礼品商店:Things Remembered
2018/06/12 全球购物
优秀管理者获奖感言
2014/02/17 职场文书
监督检查工作方案
2014/05/28 职场文书
企业负责人任命书
2014/06/05 职场文书
宾馆仓管员岗位职责
2014/07/27 职场文书
小学家长学校培训材料
2014/08/24 职场文书
中秋节国旗下演讲稿
2014/09/05 职场文书
12.4法制宣传日标语
2014/10/08 职场文书
党支部综合考察意见
2015/06/01 职场文书
如何才能写好调研报告?
2019/07/03 职场文书
CSS3实现模糊背景的三种效果示例
2021/03/30 HTML / CSS