jQWidgets Forums

Hi Mcgyver,

When you create the Nested Grids in the “initrowdetails” callback, you may store the nested Grid’s HTML Element in a custom Array. Then when you want to refresh these nested Grids, loop through your array and call their “updatebounddata” method.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

Hi peter, would you mind showing an example of what you mentioned above. i too have run into this hickup and cant seem to find a way around it.

Hi Karen,

Unfortunately, we do not have example for exactly that scenario. Within the “initrowdetails” function store the passed HTML Elements within an array. When you want to refresh a nested Grid data, use that array i.e something like $(array[0]).jqxGrid(‘updatebounddata’) or $(array[0]).jqxGrid({source: newAdapter});

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

Hi Peter,

I assigned a specific id for the nested grid

 var grid = $($(parentElement).children()[0]);
        $(grid).attr('id', 'details_' + id);

However, I get the error

jqxcore.js:7 Uncaught Error: Invalid Selector - #details_2! Please, check whether the used ID or CSS Class name is correct. 

when I tried to $(“#details_2”).jqxGrid(“updatebounddata”);

Help.

Thanks!