layui表格渲染中模板的使用举例 

 1 实例一：
 2 {      field: 'status', 
　　　　　　align: 'center', 
　　　　　　title: '活动状态', 
          templet: function (d) {
 4                     if (d.status == "1") {
 5                         return "<span class='btnNot' style='background: rgba(13,185,51,0.72); padding: 6px; border-radius: 3px; color: #ffffff;'>已发布</span>";
 6                     } else {
 7                         return "<span class='btnNot' style='background: rgba(0,0,0,0.37); padding: 6px; border-radius: 3px; color: #ffffff;'>未发布</span>";
 8                     }
 9                 }
10             }
//返回的是发布|未发布的状态；

 

 1 //带有判断条件的操作列模板
 2 <!--操作-->
 3 <script type="text/html" id="flinkbar">
 4 
 5     {{#  if(d.status != "END"){ }}
 6     {{#  if(d.suspended){ }}
 7     <a class="layui-btn layui-btn-mini" lay-event="start-process">继续</a>
 8     {{#  } else { }}
 9     <a class="layui-btn layui-btn-mini" lay-event="stop-process">暂停</a>
10     {{#  } }}
11     <a class="layui-btn layui-btn-mini layui-btn-danger-m" lay-event="del">中止</a>
12     {{#  } }}
13 </script>

 

posted @ 2018-04-26 10:18  前端极客  阅读(9006)  评论(0)  编辑  收藏  举报