jquery + json 动态创建复杂表格table

简介: function SetSubTable() { var obj = jQuery.parseJSON($("#SubJsonStrValue").val()); window.
    function SetSubTable() {
        var obj = jQuery.parseJSON($("#SubJsonStrValue").val());
        window.ALLPARAMTERS = obj;
        var row_str = "";
        var span_num = 1
        for (var i = 0; i < obj.length; i++) {
            if (obj[i].ParamNames.length > 0) {
                row_str += '<tr><td rowspan="' + obj[i].ParamNames.length + '"><input type="checkbox" name="_'+obj[i].Id+'" />' + obj[i].Name + '</td>';
                for (var j = 0; j < obj[i].ParamNames.length; j++) {
                    if (j != 0) {
                        row_str += "<tr>";
                    }
                    row_str += '<td><input type="checkbox" name="p_'+obj[i].ParamNames[j].Id+'_'+obj[i].Id+'" />' + obj[i].ParamNames[j].Name + '</td><td>';
                    for (var k = 0; k < obj[i].ParamNames[j].ListItems.length; k++) {
                        row_str += obj[i].ParamNames[j].ListItems[k].Name+"|";
                    }
                    row_str = row_str.substring(0, row_str.length - 2);
                    row_str += "</td><td>";
                    if (obj[i].ParamNames[j].CanMultiSelecte) {
                        row_str += "多选";
                    } else {
                        row_str += "单选";
                    }
                    row_str += "</td></tr>";
                }
            }
        }
        $("#sub_table_header").after(row_str);
    }
目录
打赏
0
0
0
0
6
分享
相关文章
vue-element-admin表格json数据渲染,异常数据一行显示红色
vue-element-admin表格json数据渲染,异常数据一行显示红色
145 1
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
245 0
JSON数据解析实战:从嵌套结构到结构化表格
在信息爆炸的时代,从杂乱数据中提取精准知识图谱是数据侦探的挑战。本文以Google Scholar为例,解析嵌套JSON数据,提取文献信息并转换为结构化表格,通过Graphviz制作技术关系图谱,揭示文献间的隐秘联系。代码涵盖代理IP、请求头设置、JSON解析及可视化,提供完整实战案例。
JSON数据解析实战:从嵌套结构到结构化表格
html jquery from 表单提交 application/x-www-form-urlencoded 改成 json
html jquery from 表单提交 application/x-www-form-urlencoded 改成 json
68 0
Jquery 将 JSON 列表的 某个属性值,添加到数组中,并判断一个值,在不在数据中
Jquery 将 JSON 列表的 某个属性值,添加到数组中,并判断一个值,在不在数据中
107 0
jQuery ajax读取本地json文件 三级联动下拉框
jQuery ajax读取本地json文件 三级联动下拉框
这个问题是由于Flink的Table API在处理MySQL数据时,将MULTISET类型的字段转换为了JSON格式
【1月更文挑战第17天】【1月更文挑战第84篇】这个问题是由于Flink的Table API在处理MySQL数据时,将MULTISET类型的字段转换为了JSON格式
149 1
Python提取JSON文件中的指定数据并保存在CSV或Excel表格文件内
Python提取JSON文件中的指定数据并保存在CSV或Excel表格文件内
176 1

热门文章

最新文章

AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等