if laytpl 非_Layui-神奇的layui.laytpl
虽然对方只是一个小小的模板引擎,但是用它和table的工具条结合真是太爽了!
以下是我在track-list.html中写的一个table,这里既有templet: '#changeByStatus'的一组按钮,又有toolbar: '#barDemo'的一组按钮。
,cols: [
[ //表头
{field: 'no', title: '合同编号'}
,{field: 'name', title: '合同名称'}
,{field: '', title: '客户名称', templet: '
'}
,{field: '', title: '履行阶段', style:'color:#FF5722;', templet: '
'}
,{field: 'pstatus', title: '目前进度', style:'color:#009688;'}
,{field: '', title: '待办', templet: '#changeByStatus'}
,{title:'操作', toolbar: '#barDemo', width:350}
]
],
在监听工具条时,上述这两组甚至更多组的按钮的监听都可以写在一起(或者说必须写在同一个监听代码中),用if(obj.event === 'xxx'){}else if(obj.event === 'yyy'){}判断点的是哪个。
table.on('tool(member)', function(obj){
if(obj.event === 'xxx'){
}else if(obj.event === 'yyy'){
}
}
在charge-detail.html中,如果有凭证的话,需要有个点击查看收款凭证的功能。
居然可以直接οnclick="window.open('{{d.certFile.substring(2)}}'这么写,有被厉害到。
{{# if(d.certFile != null){ }}
{{# var certFile = d.certFile; }}
查看凭证
{{# } }}
if laytpl 非_Layui-神奇的layui.laytpl相关推荐
- if laytpl 非_Enjoy模板里使用laytpl
方法一:用Enjoy模板里的原样输出.#[[ {{# if(d.status == 1){ }} ]]# 正常 #[[ {{# } else { }} ]]# 禁用 #[[ {{# } }} ] ...
- if laytpl 非_laypage+laytpl
## 如图 ![mark](http://qiniu.newthink.cc/blog/20171218-174252169.gif) ## 代码 ``` Title {{# layui.each(d ...
- layui.laytpl( )函数
这是一个轻量级的模板渲染函数. 设置模板 模板语法:{{ d.name }} 输出d对象中的name属性值 {{# d.name }} 没有输出,这里一般用 ...
- if laytpl 非_laytpl : 一款非常轻量的JavaScript模板引擎
//假设你得到了这么一段数据 var data = { title: '前端圈', intro: '一群码js的骚年,幻想改变世界,却被世界改变.', list: [{name: '贤心', city ...
- laytpl语法_layui语法基础
一.按钮区分 1.按照主题划分 原始:class = "layui-btn layui-btn-primary" 默认:class = "layui-btn& ...
- layui.laytpl的if else 写法
{title: '操作', minWidth: 150, toolbar: '#currentTableBar', align: "center"} <script type ...
- (非全景图)神奇的全景视频360制作教程
全景视频系统由六个高清摄像机组成,同时捕获六路高清图像序列,可转化为无缝的全景图像视频,使用视景360软件发布为可交互的全景应用.本系统可安装到汽车.遥控飞机等交通工具上,做大规模和大视野的全景图像采 ...
- html 开发中遇到的问题,ajax异步传输,layui模板引擎并重新渲染
1.实际中自己遇到的,比较杂乱 绑定点击事件 绑定enter事件 html A页面跳转到B页面,并传参.取值 layui模板引擎,渲染样式 Ajax 异步传输数据,动态更新内容 绑定点击事件 < ...
- layui数据表格时间戳转换为时间格式的方法
//第一个实例table.render({elem: '#idTest'//,height: 315,url: '{$_M[url][own_form]}a=do_table_log&pid= ...
最新文章
- KS001 基于Springboot机票预订系统
- hdu 5903 Square Distance
- webservice、WSDL简介
- Spring Cache抽象-使用Java类注解的方式整合EhCache
- python idle撤回上一条命令_找回Python IDLE Shell里的历史命令(用上下键翻历史命令怎么不好用了呢?)...
- Python 中的 lstrip、rstrip、strip
- erlang精要(19)-以函数作为参数的函数,返回函数的函数(2)
- Java实现根据地理位置获取经纬度
- ns2相关学习——tcl脚本编写(1)
- 复合消隐信号的作用_南大《AFM》:可拉缩、粘合、导电的双信号柔性彩色薄膜...
- 可以获取get post url 传递参数的统一方法
- 深入理解Linux-hostname
- 手机麦克风结构原理图_麦克风阵列的基本原理、结构组成及声学效果简介
- 维特比算法(Viterbi Algorithm)
- .NET MVC4 本地正常 部署 服务器错误
- Java超详细的基础编程300题,附带答案,持续更新中~
- 移动硬盘在服务器上读不出来怎么办,移动硬盘无法识别的usb设备怎么办
- ChatGPT 被玩挂了,我换成了微信官方对话机器人,简直了....
- 电子书转换器calibre
- 大学生在线书籍网站 二手交易书籍网站制作 网页设计制作作业作品下载 dreamweaver制作静态html网页设计作业作品