How can I show the same grid multiple times on html page?

[stoodin]

Hi Paramvir,
I have a grid on one page that depends on condition I have to repeat a few times.
Is there any easy way to show a grid with same name multiple times without copying the js file and rename the grid?
Thanks a lot,

[paramvir]

Do you mean by HTML name attribute or variable name of the grid instance i.e., $grid ?

you could deep clone the initialization object i.e., the object passed to pqGrid constructor and create as many grid instances as required with it.

[stoodin]

Oh Great Idea,
I just need to show the same grid multiple times on the same html page with more efficient way as possible.
There is some data repetition and depends on situation we ask user to enter the same data multiple times.

Any chance you can give me a small example of deep clone of grid init object and how do I use it on the page?

Thanks a lot

[paramvir]

Please see the line 58 in this demo http://paramquery.com/pro/demos/nesting

Code: [Select]

  var objCopy = $.extend(true, {}, gridDetailModel);

which deep clones the constructor object of the detail grid instances. $.extend is part of jQuery API

[stoodin]

Great,
Thanks a lot. I did it and it works.