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

layui做表格的时候常用的时候经常会用到模板渲染,下面有两种办法可以实现:

实例一：

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

实例二：

//带有判断条件的操作列模板
<!--操作-->
<script type="text/html" id="flinkbar">

    {{#  if(d.status != "END"){ }}
    {{#  if(d.suspended){ }}
    <a class="layui-btn layui-btn-mini" lay-event="start-process">继续</a>
    {{#  } else { }}
    <a class="layui-btn layui-btn-mini" lay-event="stop-process">暂停</a>
    {{#  } }}
    <a class="layui-btn layui-btn-mini layui-btn-danger-m" lay-event="del">中止</a>
    {{#  } }}
</script>

来源于： https://www.cnblogs.com/yangguoe/p/8949894.html

本文作者： Jasmine

本文链接： https://www.jianbaizhan.com/article/615

版权声明： 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处！