• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 问答库 问答库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

LayUI表格列添加链接并传参

武飞扬头像
漓沐·
帮助1

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
}

完成后如图:

学新通

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

  • 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
  • 本站站名: 学新通技术网
  • 本文地址: /boutique/detail/tanhfkajkb
系列文章
更多 icon
同类精品
更多 icon
继续加载