layui toolbar 绑定工具条

一、templet

//方式一：绑定模版选择器   laytal 语法
{field:'title', width: 200, templet: '#titleTpl'}
<script type="text/html" id="titleTpl">
  {{#  if(d.id < 100){ }}
    <a href="../../detail/%7b%7bd.html" class="layui-table-link">{{d.title}}</a>
  {{#  } else { }}
    {{d.title}}(普通用户)
  {{#  } }}
</script>
//方式二函数转义
{field:'title', title: '文章标题', width: 200
      ,templet: function(d){
        return '<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>'
     }

//方式三 直接赋值模版字符
templet: '<div><a href="/detail/{{d.id}}" class="layui-table-link">{{d.title}}</a></div>'

二、toolbar 应用

//方式一 绑定模板选择器   layTpl语法
{ title: '操作', align: 'center', width: 200,fixed: 'right', toolbar: '#barDemo'}
<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-xs" lay-event="alarm">报警分析</a>
    <a class="layui-btn layui-btn-xs" lay-event="alarmq">编辑{{d.item}}</a>
</script>