layui表格内生成可点击的字段 2021-05-17

function DataUpdateList() {
            var json = $('#tb_update').val();
            var json_obj = JSON.parse(json);
            var tmp_array = json_obj;
            //data_sum = json.count;      //获取总数
            //$('#totalNum').val(data_sum);
            DataFormat_DataUpdate(tmp_array, '行业', 'DataViewDetail');
            
            table.render({
                elem: '#tb_List_update'
                //, toolbar: '#barMenu'
                //, defaultToolbar: null
                , cellMinWidth: 80
                , cols: [[
                    { type: 'numbers' }
                    , { field: '行业', title: '行业', minWidth: 150, width: '16%' }
                    , { field: '细分行业', title: '细分行业', minWidth: 150, width: '10%' }
                    , { field: '产品类型', title: '产品类型', minWidth: 150, width: '18%' }
                    , { field: '数据维度类型', title: '数据维度', minWidth: 150, width: '24%' }
                    , { field: '数据类型名称', title: '数据类型', minWidth: 150, width: '15%' }
                    , { field: '年度', title: '年度', minWidth: 150, width: '12%' }
                ]]
                , page: { limit: 50, limits: [50, 100, 500] }  //表格分页
                , limit: pagesize
                , data: tmp_array
            });
        }

        //联系人清单-查询数据格式转换, 姓名添加链接, 打开详情
        //Link_FN_Name:点击link的字段名
        function DataFormat_DataUpdate(data, Link_FN_Name, ClickFunction) {
            try {

                if (data == null) {
                    return;
                }

                for (var i = 0; i < data.length; i++) {
                    var item = data[i];
                    var tmp_new_title = '<img src="/images/companypic/new.png" />';
                    //能够点击字段
                    //var name = '<a href="#" style="color:blue" onclick="' + ClickFunction + '(\'' + item.id + '\')">' + item[Link_FN_Name] + '</a>';
                    var name = '<span style="color:blue;cursor: pointer;" onclick="' + ClickFunction + '(\'' + item.行业id + '\',\'' + item.细分行业id + '\',\'' + item.产品类型id + '\')">' + item[Link_FN_Name] + '</span>' + '<span style="margin-left:5px;">' + tmp_new_title + '</span> ';
                    item[Link_FN_Name] = name;

                }

            }
            catch (e) {

                console.log(e);
            }

        }

二、layui表格一列显示多

DataFormat_DataDefine_Product(tmp_array, '产品名称', '细分行业');

function DataFormat_DataDefine_Product(data_product, Product, Industry) {
            try {

                if (data_product == null) {
                    return;
                }

                for (var i = 0; i < data_product.length; i++) {
                    var item1 = data_product[i];
                    //能够点击字段
                    var name1 = '<span>' + item1[Product] + '' + item1[Industry]+'</span>';
                    item1[Product] = name1;

                }

            }
            catch (e) {

                console.log(e);
            }
        }