I am having trouble attempting to change the structure of a datagrid after new information is received. I need to be able to change the number of columns everytime a query is made.
The javascript code I use to create the grid
function setgrid(){
var gridLayout = [];
var key, i;
for(i = 0; i < 10; i++) {
key = i + "";
gridLayout.push({
field: key,
name: key,
editable: false
});
}
// create a new grid:
billsGrid = new dojox.grid.DataGrid({
query: {},
//store: store,
clientSort: true,
rowSelector: '20px',
structure: gridLayout,
columnReordering: true
}, gridContainer);
// Call startup, in order to render the grid:
billsGrid.startup();
}
and the html:
<div id="gridContainer" style="width: 650px; height: 600px; border: 1px solid silver;" />
How would I change the grid to have a new layout of say 5 columns?
Found it, just needed to know what to call to apply a new layout to the existing grid. In this case:
billsGrid.setStructure(newLayout);