1. 程式人生 > 其它 >layui table單元格內標籤監聽點選事件

layui table單元格內標籤監聽點選事件

html

<table id="table" lay-filter="table"></table>

js

            var $table = $('#table');
            table.render({
                elem: $table[0],
                url: '', //模擬介面
                where: {
                },
                height: 'full-100', //高度最大化減去差值
                parseData: function (res) {
                    console.log("返回資料 : ", res);
                    return {
                        "code": res.code == 200 ? 0 : -1,
                        "message": res.info,
                        "data": res.data.rows,
                        "count": res.data.total
                    };
                },
                cols: [[
                    { type: 'radio' },
                    { field: 'Name', title: '名稱', minWidth: 300 },
                    { field: '_Operate', title: '操作', minWidth: 80, templet: '<div><a href="javascript:void(0);" lay-event="pro-view" class="layui-font-blue">測試點選事件</div>' },
                ]],
            });
            // 縮放重置表格寬高
            $(document).on("resize", function (e) {
                table.resize('table');
            })
            // 監聽點選事件
            table.on('tool(table)', function (result) {
                let event = result.event;
                let row = result.data;
                console.info("click call", result);
                if (event === "pro-view") {
                    // 處理你的業務邏輯
                }
            })