Layui-神奇的layui.laytpl

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

官方文档里有许多我还没用的功能：
模板引擎文档 - layui.laytpl
其他参考文章：
layui表格工具条，如何动态控制按钮的展示?
layui toolbar中的if(){}else{}

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

,cols: [
                [ //表头
                    {field: 'no', title: '合同编号'}
                    ,{field: 'name', title: '合同名称'}
                    ,{field: '', title: '客户名称', templet: '<div>{{d.customer.name}}</div>'}
                    ,{field: '', title: '履行阶段', style:'color:#FF5722;', templet: '<div>{{d.trackStatus.stage}}</div>'}
                    ,{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中，如果有凭证的话，需要有个点击查看收款凭证的功能。
居然可以直接onclick="window.open('{{d.certFile.substring(2)}}'这么写，有被厉害到。

<script type="text/html" id="seeCert">
        {{#  if(d.certFile != null){ }}
        {{#  var certFile = d.certFile; }}
        <!--                            这个input用来保存文件路径-->
        <input hidden="hidden" type="text" disabled="disabled" name="certFile" id="certFile" value="{{d.certFile}}" >
        <a class="layui-btn layui-btn-xs"  lay-event="downCert" id="downCert" onclick="window.open('{{d.certFile.substring(2)}}')">查看凭证</a>
        {{#  } }}
</script>