Guriddo » Topic: Expand All and Collapse All Functionality in Tree Grid

Expand All and Collapse All Functionality in Tree Grid

Guriddo
Expand All and Collapse All Functionality in Tree Grid

This topic has 10 replies, 6 voices, and was last updated 14 years, 8 months ago by Maverick.

Creator

Topic
June 2, 2009 at 11:10 am #73446

mnvinod
Participant

Could you please provide me the sample code to expand all the nodes/ collapse all the
Creator

Topic

Viewing 10 replies - 1 through 10 (of 10 total)

Author

Replies

June 4, 2009 at 3:52 am #87109

tony

Keymaster

HEllo,

Try this (Not tested)

$(“.treeclick”,”#mygrid”).each(function() {

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

});

Regards

Tony

June 9, 2009 at 12:17 am #87152

mnvinod

Participant

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”);

June 9, 2009 at 5:17 am #87164

tony

Keymaster

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

September 28, 2009 at 12:38 pm #89363

fuhrysteve

Participant

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() {<br /><br />	if($(this).hasClass("tree-minus")) {<br /><br />		$(this).trigger("click");<br /><br />	}<br /><br />});

1	$(".treeclick","table#mygrid").each(function() {<br /><br /> if($(this).hasClass("tree-minus")) {<br /><br /> $(this).trigger("click");<br /><br /> }<br /><br />});

September 29, 2009 at 11:19 am #89386

tony

Keymaster

Hello,

Which version of jqGrid do you use?

September 29, 2009 at 11:31 am #89393

fuhrysteve

Participant

Hey Tony,

The latest version of course! 3.5.3

October 2, 2009 at 10:27 am #89453

tony

Keymaster

Hello,

I will prepare such methods for 3.6 release

Regards

Tony

September 2, 2010 at 12:00 pm #95803

adamovic

Participant

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

March 23, 2011 at 1:20 pm #97622

jmav

Participant

Tony did you makeit to do the method expand all?

August 12, 2011 at 12:37 am #98585

Maverick

Participant

I simply created a new pager button:

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

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"

});

Author

Replies

Viewing 10 replies - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.

Stay connected with us in your favorite flavor!

Expand All and Collapse All Functionality in Tree Grid

Search Forum

Recent Replies

Forum Statistics

UserOnline