51可用代码模板网站

咨询热线:

181-1164-6936
  • 1
JS代码
当前位置:首页>实用代码>JS代码>

jquery根据json数据,自动生成table

时间:2017-08-11 14:22点击:
jQuery扩展

根据JSON数据,自动生成简单的Html Table.



jQuery.fn.MakeTable = function (objColumn, objData, objClassName, RowClick) {

            //样式
            $(this).attr("class", objClassName);

            var sHtml = "";
            sHtml += "<thead>";

            var sTrHtml = "<tr>";
            $.each(objColumn, function (i) {

                sTrHtml += "<th ";
                sTrHtml += "style=\"width:" + objColumn[i].Width.toString() + "px\"";
                sTrHtml += ">";
                sTrHtml += objColumn[i].ColumnName;
                sTrHtml += "</th>";

            });
            sTrHtml += "</tr>";
            sHtml += sTrHtml + "</thead>";

            sHtml += "<tbody>";

            $.each(objData, function (i) {
                sTrHtml = "<tr";

                if (RowClick != null && RowClick != undefined) {
                    //alert(RowClick);
                    sTrHtml += " onclick=\"CheckRow(this," + RowClick + ")\"";
                }

                sTrHtml += ">";
                var objTr = objData[i];
                for (x in objTr) {
                    sTrHtml += "<td style=\"";

                    var objLinqData = jLinq.from(objColumn).equals("DataId", x).take()[0];
                    sTrHtml += "text-align:" + objLinqData.DataAlign + ";";
                    sTrHtml += "\" ";
                    if (objLinqData.OnClick != null) {
                        sTrHtml += " onclick=\"" + objLinqData.OnClick + "\"";
                    }

                    sTrHtml += ">";
                    if (objLinqData.Format != null) {
                        sTrHtml += objLinqData.Format(objTr[x]);
                    }
                    else {
                        sTrHtml += objTr[x];
                    }

                    sTrHtml += "</td>";
                    //alert(x);
                }
                // sTrHtml += objData[i].
                sTrHtml += "</tr>";
                sHtml += sTrHtml;
            });

            sHtml += "</tbody>";
            //alert(sHtml);
            // $("#" + sId + " > tbody:last").append(sTrHtml);
            var sId = this[0].id;
            $("#" + sId).append(sHtml);
        };


51可用模板(代码)网站专为广大站长朋友提供精品模板与代码,同时免费提供网站收录。
本站域名: WWW.51KYDM.COM    联系方式:QQ:182468923    手机:18111646936
本站关键词:网站链接收录网址收录入口网站免费提交收录网站收录提交入口    网站地图
51可用模板
展开