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

问题描述

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

如下图:
layui中表格里面添加按钮进行操作_第1张图片

解决方案:

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)
            }
	}

你可能感兴趣的:(Java菜鸡改bug之路,layui,javascript,前端)