Thursday, February 10, 2011

Editable dojo Grid Sample

Include below mentioned script in the head.

< script type="text/javascript" >
dojo.require("dojox.grid.DataGrid");
dojo.require("dojo.data.ItemFileReadStore");
var adamStruct = [[{
field: "memid",
name: "MemberId",
width: 10,
editable:true
}, {
field: "name",
name: "Name",
width: 10,
editable:true
}, {
field: "country",
name: "Country",
width: 'auto',
editable:true
}]];
< /script >

Include below specified div in the body.

< div id="grid" dojoType="dojox.grid.DataGrid" store="sampleStoreForGrid" structure="sampleStruct" queryOptions="{deep:true}" rowsPerPage="40" >
< /div >

Make sure to include Grid.css and tundraGrid.css. Hope this should be helpful.

No comments:

Post a Comment