/// <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 () {
//
//});
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 () {
//
//});