LayUI表格列添加链接并传参

1.表格渲染中对列添加templet属性  addlink为方法名

tableIns = table.render({
                elem: '#Test'
                , url: '/Test' //数据接口
                , method: 'POST'
                , page: true //开启分页
                , cols: [[ //表头
                    //{ type: "radio", fixed: 'left', align: 'center' },
                    { field: "Test", align: 'center', title: 'Test', hide: true},
                    { field: "Test1", title: "Test1", align: 'center', templet: addlink },
                    { field: "Test2", title: "Test2", align: 'center' },
                    { field: "Test3", title: "Test3", align: 'center' },
                    { field: "Test4", title: "Test4", align: 'center' }
                ]],
                parseData: function (res) { //res 即为原始返回的数据                
                    return {
                        "code": res.state, //解析接口状态
                        "msg": res.message, //解析提示文本
                        "count": count, //解析数据长度
                        "data": (JSON.parse(res.data)).data //解析数据列表
                    };
                }
            });

2.添加事件监听

 //事件监听
            table.on('tool(TEST)', function (obj) {
                var data = obj.data;//获取监听点击当前行的所有信息[object，object]
                var url = "http://TEST?requestid=" data.xxx;
                window.open(url);
            });

3.定义方法

var addlink = function (d) {
    var html = '<div><a rel="nofollow" style="color:#1E9FFF" href="javascript:void(0);" lay-event="showRec">' d.TEST1 '</a></div>';
    return html
}

完成后如图：

这篇好文章是转载于：学新通技术网