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);
    }
目录
相关文章
|
7月前
|
JSON 前端开发 Java
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
157 0
|
4月前
|
存储 JSON 前端开发
jQuery Get 请求参数转换为 JSON
【8月更文挑战第22天】
|
4月前
|
JSON JavaScript 数据格式
html jquery from 表单提交 application/x-www-form-urlencoded 改成 json
html jquery from 表单提交 application/x-www-form-urlencoded 改成 json
47 0
|
4月前
|
JSON JavaScript 数据格式
Jquery 将 JSON 列表的 某个属性值,添加到数组中,并判断一个值,在不在数据中
Jquery 将 JSON 列表的 某个属性值,添加到数组中,并判断一个值,在不在数据中
83 0
|
6月前
|
JSON JavaScript 前端开发
jQuery获取json文件的方法
jQuery获取json文件的方法
51 2
|
7月前
|
JSON 前端开发 JavaScript
jQuery ajax读取本地json文件 三级联动下拉框
jQuery ajax读取本地json文件 三级联动下拉框
|
7月前
|
存储 JSON 定位技术
Python提取JSON文件中的指定数据并保存在CSV或Excel表格文件内
Python提取JSON文件中的指定数据并保存在CSV或Excel表格文件内
123 1
|
XML JavaScript 小程序
使用jquery treetable 实现树形表格拖拽
这里记录一下使用jquery treetable时遇到的坑。 我这里的需求是做一个树形表格,并且可拖拽。 最后要实现的效果大概是这样的:(文末有实例)
54 0
|
JavaScript 前端开发
【jQuery学习】—jQuery操作CSS和表格
【jQuery学习】—jQuery操作CSS和表格
|
Web App开发 JavaScript 前端开发
jquery操作表格 合并单元格
jquery操作table,合并单元格,合并相同的行   合并的方法 $("#tableid").mergeCell({  cols:[X,X] ///参数为要合并的列}) /** * 操作表格 合并单元格 行 * 2016年12月13日16:00:41 */ (function($) { // 看过jquery源码就可以发现$.fn就是$.p
1322 0