前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >jquery + json 动态创建复杂表格table

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

作者头像
liulun
发布2022-05-09 12:03:58
2K0
发布2022-05-09 12:03:58
举报
文章被收录于专栏:liulunliulun
代码语言:javascript
复制
    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);
    }
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2010-10-22,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档