- This sample show making column.
- And it put column data in wdt webgrid
| item |
type |
default value |
description |
| id |
|
|
column id |
| name |
|
|
column name |
| readonly |
|
true |
readonly column : true(readonly), false(editable) |
| display |
|
show |
display column : show, hide |
| type |
text |
text |
string column |
| number |
number column
|
| date |
date column |
| combo |
select box column |
| width |
100 |
column width |
| align |
left |
column align |
var column = [
{ id: "text1", name: "text1", type: "text", width: "100", align: 'left', display: 'hide'},
{ id: "text2", name: "text2", type: "text", width: "100", align: 'left', display: 'hide' },
{ id: "text3", name: "text3", type: "text", width: "100", align: 'left' },
{ id: "text4", name: "text4", type: "text" , width: "100", align: 'left' },
{ id: "num" , name: "num" , type: "number", width: "100", scale : 'n', align: 'left' , display: 'hide'},
{ id: "text5", name: "text5", type: "text" , width: "100", align: 'left' , display: 'hide'},
{ id: "text6", name: "text6", type: "text" , width: "100", align: 'left' },
{ id: "text7", name: "text7", type: "text" , width: "100", align: 'left' },
{ id: "text8", name: "text8", type: "text" , width: "100", align: 'left' },
{ id: "text9", name: "text9", type: "text" , width: "100", align: 'left' },
{ id: "text10", name: "text10", type: "text" , width: "100", align: 'left' },
{ id: "text11", name: "text11", type: "text" , width: "100", align: 'left' },
{ id: "text12", name: "text12", type: "text" , width: "100", align: 'left' },
{ id: "text13", name: "text13", type: "text" , width: "100", align: 'left' },
{ id: "text14", name: "text14", type: "text" , width: "100", align: 'left' },
{ id: "text15", name: "text15", type: "text" , width: "100", align: 'left' },
{ id: "text16", name: "text16", type: "text" , width: "100", align: 'left' , display: 'hide' },
{ id: "text17", name: "text17", type: "text" , width: "100", align: 'left' , display: 'hide'}
];
var option = {};
var count = column.length;
var data = [];
for (var rowIndex = 0; rowIndex < 100; rowIndex++) {
var item = {};
for (var i = 0; i < count; i++) {
var col = column[i];
if (col.type == 'number') item[col.id] = rowIndex;
else item[col.id] = col.name + '-' + rowIndex.toString() + '-' + i.toString();
}
data.push(item);
}
var grid1 = wdtGrid('grid1');
grid1.create(column, option);
grid1.setData(data);