tableClass

最新推荐文章于 2022-07-19 10:34:33 发布

wu_qionglei

最新推荐文章于 2022-07-19 10:34:33 发布

阅读量945

点赞数

本文链接：https://blog.csdn.net/wu_qionglei/article/details/9974341

版权

/// <reference path="jquery-1.4.1-vsdoc.js" />

function tableClass(json) {
   var count = 0;
   var columns = "columns";
   var datas = "datas";
   var columnPropetys = { headText: "headText", dataField: "dataField", attrs: "attrs" };
   this.createTable = function () {
       this.render();
   }
   this.render = function () {
       var tb = document.createElement("table");
       //head row
       if (json[columns]) {
           for (col in json[columns]) {
               var row = tb.insertRow();
               var cell = row.insertCell();

               $(cell).attr(columnPropetys.dataField, json[columns][col][columnPropetys.dataField]);
               $(cell).text(json[columns][col][columnPropetys.headText]);
               $(tb).append(row);
           }
       }
       //data rows
       if (json[datas]) {
           for (data in json[datas]) {
               for (col in json[columns]) {
                   var row = tb.insertRow();
                   var cell = row.insertCell();

                   $(cell).attr(columnPropetys.dataField, json[columns][col][columnPropetys.dataField]);
                   $(cell).text(json[datas][data][json[columns][col][columnPropetys.dataField]]);
                   $(tb).append(row); //tb.appendChild(tr);
               }
           }
       }
       $(json["showAreas"]).append(tb);
   }
   return this;
}

var json = { key: "test",
   showAreas: "#data",
   rows: 2, pageIndex: 1,
   pageSize: 12,
   isLast: true,
   render: function () {

   },
   callback: function () {
       alert("callback");
   },
   datas: [
               { key: "1", value: "spring1" },
               { key: "2", value: "spring2" }
           ],
   columns: [
               {
                   headText: "column1",
                   dataField: "key",
                   attrs: [{ color: 'red', class: 'headTr'}]
               },
               {
                   headText: "column2",
                   dataField: "value",
                   attrs: [{ color: 'green', class: 'headTr'}]
               }]
};

var tc = new tableClass(json);
tc.createTable();
//$(document).ready(function () {

//
//});