问题描述
需要 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)
}
}