layui中表格里面添加按钮进行操作

问题描述

需要 layui 表格中添加一个打印按钮，但是直接添加发现表格里面根本调不到事件。

如下图：

解决方案：

1.需要使用 表格中的 toolbar 属性，字段里面添加 toolbar 属性

{
               field: 'yhfk',
               title: '银行反馈（失败）',
               align: 'center',
               toolbar:'#applyIDXZ'
}

2.给 toolbar 进行 js 赋值 (可以在这里面判断一下 ， 什么情况下显示下载按钮，什么情况下不显示)

<script type="text/html" id="applyIDXZ">
    <div href=# class="layui-table-link" lay-event="applyIDXZInfo" title="是否下载">
        {{# if(d.attribute.cwzt == '6'){ }}
            下载
        {{# }else{ }}

        {{# } }}
    </div>
</script>

3.调用监听事件

	table.on('tool(data_list)', function(obj) {
		// 可以获取表格中一行的数据
		var data = obj.data;
		// obj,event 对应 toolbar 中的 lay-event="applyIDXZInfo"
		if (obj.event == 'applyIDXZInfo'){
                // 下载
                url = "..." ;
                window.location.href = url;
                setTimeout(function () {
                }, 10000)
            }
	}