Start Building Professional
Web Apps Today

How to load multiple grids in a single page?

Hi Team,

I need to load multiple grids in a single page, and each grid's number of column will set as dynamically. And this each grid column is a different column types. Number of grids,number of column in each grid and each column types, this all should be defined while screen intialize) How can I achieve all this criteria?. It should be helpful to send it with some samples.


Thanks in advance

Regards,
Ashok

You can have as many grids per page as necessary - each grid is an independent object and can be initialized on its own.

http://dhtmlx.com/docs/products/dhtmlxGrid/samples/grids_manipulations/layout_grid.html?un=1211373731000">http://dhtmlx.com/docs/products/dhtmlxGrid/samples/grids_manipulations/layout_grid.html?un=1211373731000
http://dhtmlx.com/docs/products/dhtmlxGrid/samples/initialization_loading/grid_config_xml.html?un=1211373709000

Yes, you can have two grids on the page if you hardcode everything twice. What approach would you take so you could code the init code once and just call it twice?

Something like adding on an array of grid objects on the page, keeping each grid's functions separate from each other but you only have to code it once. Probably the solution is object oriented javascript to set up an object to contain the grid and grid functions, but I havent gotten dhtmlxgrid to play nicely with it.

Tim