layui toolbar 使用以及事件监听

当使用table 表单的时候需要自定义样式和内容时

只对删除按钮进行监听

  table.render({
                              elem: '#LAY-welcomeCenter-costManagement-settlementForm-payDetaillist-table'//table 名称
                              , data: payWayList //数据
                              , page: false
                              , cols: [[
                                { field: 'codeName', title: '支付方式', align: 'center', width: 125 }
                                , { field: 'payCount', title: '金额', align: 'center', minWidth: 50, width: 90, edit: false }
                                , { field: 'edit', title: '操作', align: 'center', width: 95, toolbar:"#operation" }
                              ]]
                              , height: 230
                              , done: function () {
                                $('th').css('display', 'none')
                                console.log(payWayList, '收款方式');
      

                                

                              }
                            });

 

<script type="text/html" id="operation"> //和toolbar 定义的名称一致
  {{# layui.each(d, function(index, item){  }} //d 指的是data （d.list 就是data.list）
  {{# if (item == '删除'){ }} //*****记得加个判断 我也不知道为什么多渲染出来多个 - -
 <span class="delete" lay-event="del"> {{d.edit}}</span> // lay-event="del" 指的一会需要监听的事件名称
  {{# } }}
  {{# }) }}

</script>

table.on(tool(demo) ,function(obj){ //text 指的是table lay-filter="demo" 的名字

   console.log(obj.event)//打印出来就del  然后再去判断

})