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);
    }
目录
相关文章
|
6月前
|
JSON JavaScript 数据格式
vue-element-admin表格json数据渲染,异常数据一行显示红色
vue-element-admin表格json数据渲染,异常数据一行显示红色
73 1
|
5月前
|
JSON 前端开发 Java
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
62 0
|
4月前
|
JSON 关系型数据库 MySQL
这个问题是由于Flink的Table API在处理MySQL数据时,将MULTISET类型的字段转换为了JSON格式
【1月更文挑战第17天】【1月更文挑战第84篇】这个问题是由于Flink的Table API在处理MySQL数据时,将MULTISET类型的字段转换为了JSON格式
36 1
|
4月前
|
JSON 开发框架 前端开发
动手实现基于 JSON 和 OData 两种数据模型的 Web 应用表格控件行项目的添加和删除
动手实现基于 JSON 和 OData 两种数据模型的 Web 应用表格控件行项目的添加和删除
31 0
|
5月前
|
存储 JSON 定位技术
Python提取JSON文件中的指定数据并保存在CSV或Excel表格文件内
Python提取JSON文件中的指定数据并保存在CSV或Excel表格文件内
|
5月前
|
XML JavaScript 小程序
使用jquery treetable 实现树形表格拖拽
这里记录一下使用jquery treetable时遇到的坑。 我这里的需求是做一个树形表格,并且可拖拽。 最后要实现的效果大概是这样的:(文末有实例)
28 0
|
6月前
|
JSON JavaScript 数据格式
jQuery将json性别数据int类型进行格式化渲染
jQuery将json性别数据int类型进行格式化渲染
27 0
|
6月前
|
JSON JavaScript 前端开发
vuetify+axios请求json数据实现一个表格功能
vuetify+axios请求json数据实现一个表格功能
43 0
|
6月前
|
JavaScript BI
jQuery根据填写的input的数值导出excel表格
jQuery根据填写的input的数值导出excel表格
25 0
|
6月前
|
JSON 前端开发 数据库
Bootstrap Table使用教程(请求json数据渲染表格)
Bootstrap Table使用教程(请求json数据渲染表格)
85 0