虽然对方只是一个小小的模板引擎,但是用它和table的工具条结合真是太爽了!

以下是我在track-list.html中写的一个table,这里既有templet: '#changeByStatus'的一组按钮,又有toolbar: '#barDemo'的一组按钮。

,cols: [

[ //表头

{field: 'no', title: '合同编号'}

,{field: 'name', title: '合同名称'}

,{field: '', title: '客户名称', templet: '

{{d.customer.name}}

'}

,{field: '', title: '履行阶段', style:'color:#FF5722;', templet: '

{{d.trackStatus.stage}}

'}

,{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相关推荐

  1. if laytpl 非_Enjoy模板里使用laytpl

    方法一:用Enjoy模板里的原样输出.#[[ {{#  if(d.status == 1){ }} ]]# 正常 #[[ {{#  } else { }} ]]# 禁用 #[[ {{#  } }} ] ...

  2. if laytpl 非_laypage+laytpl

    ## 如图 ![mark](http://qiniu.newthink.cc/blog/20171218-174252169.gif) ## 代码 ``` Title {{# layui.each(d ...

  3. layui.laytpl( )函数

    这是一个轻量级的模板渲染函数. 设置模板 模板语法:{{   d.name    }}        输出d对象中的name属性值 {{#  d.name   }}        没有输出,这里一般用 ...

  4. if laytpl 非_laytpl : 一款非常轻量的JavaScript模板引擎

    //假设你得到了这么一段数据 var data = { title: '前端圈', intro: '一群码js的骚年,幻想改变世界,却被世界改变.', list: [{name: '贤心', city ...

  5. laytpl语法_layui语法基础

    一.按钮区分 ​ 1.按照主题划分 ​ 原始:class = "layui-btn layui-btn-primary" ​ 默认:class = "layui-btn& ...

  6. layui.laytpl的if else 写法

    {title: '操作', minWidth: 150, toolbar: '#currentTableBar', align: "center"} <script type ...

  7. (非全景图)神奇的全景视频360制作教程

    全景视频系统由六个高清摄像机组成,同时捕获六路高清图像序列,可转化为无缝的全景图像视频,使用视景360软件发布为可交互的全景应用.本系统可安装到汽车.遥控飞机等交通工具上,做大规模和大视野的全景图像采 ...

  8. html 开发中遇到的问题,ajax异步传输,layui模板引擎并重新渲染

    1.实际中自己遇到的,比较杂乱 绑定点击事件 绑定enter事件 html A页面跳转到B页面,并传参.取值 layui模板引擎,渲染样式 Ajax 异步传输数据,动态更新内容 绑定点击事件 < ...

  9. layui数据表格时间戳转换为时间格式的方法

    //第一个实例table.render({elem: '#idTest'//,height: 315,url: '{$_M[url][own_form]}a=do_table_log&pid= ...

最新文章

  1. KS001 基于Springboot机票预订系统
  2. hdu 5903 Square Distance
  3. webservice、WSDL简介
  4. Spring Cache抽象-使用Java类注解的方式整合EhCache
  5. python idle撤回上一条命令_找回Python IDLE Shell里的历史命令(用上下键翻历史命令怎么不好用了呢?)...
  6. Python 中的 lstrip、rstrip、strip
  7. erlang精要(19)-以函数作为参数的函数,返回函数的函数(2)
  8. Java实现根据地理位置获取经纬度
  9. ns2相关学习——tcl脚本编写(1)
  10. 复合消隐信号的作用_南大《AFM》:可拉缩、粘合、导电的双信号柔性彩色薄膜...
  11. 可以获取get post url 传递参数的统一方法
  12. 深入理解Linux-hostname
  13. 手机麦克风结构原理图_麦克风阵列的基本原理、结构组成及声学效果简介
  14. 维特比算法(Viterbi Algorithm)
  15. .NET MVC4 本地正常 部署 服务器错误
  16. Java超详细的基础编程300题,附带答案,持续更新中~
  17. 移动硬盘在服务器上读不出来怎么办,移动硬盘无法识别的usb设备怎么办
  18. ChatGPT 被玩挂了,我换成了微信官方对话机器人,简直了....
  19. 电子书转换器calibre
  20. 大学生在线书籍网站 二手交易书籍网站制作 网页设计制作作业作品下载 dreamweaver制作静态html网页设计作业作品

热门文章

  1. 飞鸽传书下载 分析企业OpenEIM
  2. 写一个《扎金花》程序自己玩。
  3. Visual C++编程中的文件操作
  4. 给缺少Python项目实战经验的人,赶紧收藏!
  5. 前端码农的焦虑与救赎
  6. 风靡全球的儿童编程语言:Scratch
  7. 可视化戒烟对身体的影响!从20分钟到15年
  8. 宏基因组云讲堂今晚8点开讲!第一期由刘永鑫博士主持,特邀袁军副教授分享纯生信发表ISME文章的思路...
  9. 卧槽,又来一个Windows神器!!!
  10. MotionVFX - mForm for Mac - 150种MG动态图形元素fcpx插件