jQuery Grid Plugin - jqGrid - Topic: Expand All and Collapse All Functionality in Tree Grid

Maverick on Expand All and Collapse All Functionality in Tree Grid

Fri, 12 Aug 2011 00:37:00 +0300

I simply created a new pager button:

jQuery("#mygrid").jqGrid('navGrid', "#pager").jqGrid('navButtonAdd', "#pager",{
    caption: "Expand/Collapse All",
    buttonicon: "ui-icon-triangle-2-n-s",
    onClickButton: function() {
        $("#mygrid").find(".treeclick").trigger('click');
    },
    position: "last",
    title: "Expand/Collapse All",
    cursor: "pointer"
});

jmav on Expand All and Collapse All Functionality in Tree Grid

Wed, 23 Mar 2011 13:20:13 +0200

Tony did you makeit to do the method expand all?

adamovic on Expand All and Collapse All Functionality in Tree Grid

Thu, 02 Sep 2010 12:00:06 +0300

Hey tony,

could you make an (optional) expand all / callapse all buton in the header of jqgrid's containing subgrids? That feature seems to be convenient for some.

tony said:

HEllo,

Try this (Not tested)

$(".treeclick","#mygrid").each(function() {

if($(this).hasClass("tree-plus") $(this).trigger("click");

});

Regards

Tony

tony on Expand All and Collapse All Functionality in Tree Grid

Fri, 02 Oct 2009 10:27:02 +0300

Hello,

I will prepare such methods for 3.6 release

Regards

Tony

fuhrysteve on Expand All and Collapse All Functionality in Tree Grid

Tue, 29 Sep 2009 11:31:03 +0300

Hey Tony,

The latest version of course! 3.5.3

tony on Expand All and Collapse All Functionality in Tree Grid

Tue, 29 Sep 2009 11:19:41 +0300

Hello,

Which version of jqGrid do you use?

fuhrysteve on Expand All and Collapse All Functionality in Tree Grid

Mon, 28 Sep 2009 12:38:59 +0300

Firing the click event on tree-plus is expanding rows, but it is appending them all to the bottom of the table instead of beneath their parents.

Has anyone found a workaround to achieve a reliable “Expand All” feature?

Btw, here's what I use for Collapse All — works great:

$(".treeclick","table#mygrid").each(function() {

	if($(this).hasClass("tree-minus")) {

		$(this).trigger("click");

	}

});

tony on Expand All and Collapse All Functionality in Tree Grid

Tue, 09 Jun 2009 05:17:04 +0300

Hello

If you return only the root nodes you will have to spare a couple of time. Using tree grid in relative big nodes from server slow down the grid because we needed a couple of client side processing to construct the tree.

Regards

Tony

mnvinod on Expand All and Collapse All Functionality in Tree Grid

Tue, 09 Jun 2009 00:17:25 +0300

Thanks a lot Tony. Its working.

I do have one more query. I am using the following code to refresh the tree grid.

jQuery("#grid_id").trigger("reloadGrid");

But, it is taking considerable amount of time to refresh the tree grid. Is there any other way to refresh the tree grid which minimizes the time taken to refresh.

tony on Expand All and Collapse All Functionality in Tree Grid

Thu, 04 Jun 2009 03:52:48 +0300

HEllo,

Try this (Not tested)

$(".treeclick","#mygrid").each(function() {

if($(this).hasClass("tree-plus") $(this).trigger("click");

});

Regards

Tony

mnvinod on Expand All and Collapse All Functionality in Tree Grid

Tue, 02 Jun 2009 11:10:25 +0300

Could you please provide me the sample code to expand all the nodes/ collapse all the nodes in the tree grid at once by clicking on the custom button on the navigation bar?

Thanks in advance.