1. 程式人生 > >根據JSON資料,自動生成Table

根據JSON資料,自動生成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); };
複製程式碼