layer 使用 laytpl 语法实现自定义列模板判断显示

文章 未结 0 6.35w
无法显示用户头像
ECode1024官方 5 钻石
发布于 2018-03-27
layer 官方文档上关于数据表格的 cols 属性有这样一个表头参数 - templet: [pre] 类型:String 说明:自定义列模板,模板遵循  a(http://www.layui.com/doc/modules/laytpl.html)[laytpl语法]。这是一个非常实用的功能,你可借助它实现逻辑处理,以及将原始数据转化成其它格式,如时间戳转化为日期字符等 [/pre] 比如,现在我们的数据表格有一个操作列,我们可以这样写: [pre] {width: 200, templet: '#operationTpl'} [/pre] 现在我们打开 laytpl 的语法文档,看到它的语法如下: [pre] <script id="operationTpl" type="text/html">   <h3>{{ d.title }}</h3>   <ul>   {{#  layui.each(d.list, function(index, item){ }}     <li>       <span>{{ item.modname }}</span>       <span>{{ item.alias }}:</span>       <span>{{ item.site || '' }}</span>     </li>   {{#  }); }}   {{#  if(d.list.length === 0){ }}     无数据   {{#  } }}    </ul> </script> [/pre] 以上语法中,script 标签的 id 就是指向操作列绑定的 dom 的 id。另外比如,语法中:{{d.title}},这里的d是固定的,它代表数据表格在渲染数据的一个迭代对象。 

声明:本文所有观点仅代表创作者本人,ECode1024系信息收集发布平台,ECode1024仅提供信息存储以及展示服务。若有侵权,请联系我们删除。
回复
  • 暂无任何回复,抢个沙发吧~~
推荐阅读
layui

微信扫码关注 ECode1024 公众号带给你更多优质内容