Hi Abu,
I've got a grid with 2 nested layers of grouped items which is working fine:
$grid["groupingView"]["groupField"] = array("name","coupon");
What I would like to do is have a "+" button either in the header or in the buttons at the bottom of the table that will collapse or expand all the grouped rows. I've searched in the forum and found the code for a similar thing for SubGrids however can't make it work for Groups.
https://phpgrid.desk.com/customer/portal/questions/6970287-subgrid-expand-all
I can see the code that runs when clicked the +/- is:
onclick="jQuery('#list1').jqGrid('groupingToggle','list1ghead_1_516');return false;
I want to get all the 'list1ghead_#####' items and loop through them to collapse/expand. Ideally as well since it is nested is there a way to have a collapse/expand all option inside the nesting, i.e when I click the first "+" to show the sub grouped items there is an option inside there to only expand all those under the first layer of the nest?
Thanks mate,
Matt
Hello,
You can review online demo
http://phpgrid.org/demo/demos/appearance/grouping.php
and code:
http://phpgrid.org/demo/demos/appearance/grouping.phps#L.232
It allow toggle all to collapse/expand state.
Thanks Abu, I was able to get it to work ok with a minor modification to the demo code. Here's the addition for anyone else wanting to do something similar:
jQuery("#toggleSubGroups").click(function()
{
jQuery("."+grid_id+"ghead_0").each(function(){
jQuery("#"+grid_id).jqGrid('groupingToggle',jQuery(this).attr('id'));
});
jQuery("."+grid_id+"ghead_1").each(function(){
jQuery("#"+grid_id).jqGrid('groupingToggle',jQuery(this).attr('id'));
});
});