Guriddo » Topic: How do I only have only 1 subgrid expanded at any time?

How do I only have only 1 subgrid expanded at any time?

Guriddo
subgrid expand row, subgridrowexpanded
How do I only have only 1 subgrid expanded at any time?

Tagged: subgrid expand row, subgridrowexpanded

This topic has 10 replies, 2 voices, and was last updated 10 years, 11 months ago by Tony Russo.

Creator

Topic
January 2, 2015 at 8:55 pm #115107

Tony Russo
Participant

Hi,

Can anyone help

Using the Two level hierarchy demo would like to only have one subgrid expanded at any given time.

When clicking on any row, would like the previous expanded subgrid collapsed so there is only one subgrid expanded at any given time.

Thanks.
Creator

Topic

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

Author

Replies

January 3, 2015 at 11:16 am #115113

tony

Keymaster

Hello,

One possible solution is to use subGridBeforeExpand event.
The event raises before expanding the new row.
The code can be something like this – use grid options:

....
subGridBeforeExpand: function(divid, rowid) {
  // #grid is the id of the grid
  var expanded = jQuery("td.sgexpanded", "#grid")[0];
  if(expanded) {
    setTimeout(function(){
        $(expanded).trigger("click");
    }, 100);
},
...

....

subGridBeforeExpand: function(divid, rowid) {

// #grid is the id of the grid

var expanded = jQuery("td.sgexpanded", "#grid")[0];

if(expanded) {

setTimeout(function(){

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

}, 100);

...

Kind Regards

This reply was modified 11 years ago by tony. Reason: adding a comment

January 3, 2015 at 2:55 pm #115117

Tony Russo

Participant

Thanks Tony.

Works until clicking on a previous expanded subGrid.

Also added missing “}”


...
subGridBeforeExpand: function(divid, rowid) {
  var expanded = jQuery(<blockquote class="d4pbbc-quote"></blockquote>td.sgexpanded<blockquote class="d4pbbc-quote"></blockquote>, <blockquote class="d4pbbc-quote"></blockquote>#jqGrid<blockquote class="d4pbbc-quote"></blockquote>)[0];
  if(expanded) {
    setTimeout(function(){
      $(expanded).trigger(<blockquote class="d4pbbc-quote"></blockquote>click<blockquote class="d4pbbc-quote"></blockquote>);
    }, 100);
  }
},

...

subGridBeforeExpand: function(divid, rowid) {

var expanded = jQuery(<blockquote class="d4pbbc-quote"></blockquote>td.sgexpanded<blockquote class="d4pbbc-quote"></blockquote>, <blockquote class="d4pbbc-quote"></blockquote>#jqGrid<blockquote class="d4pbbc-quote"></blockquote>)[0];

if(expanded) {

setTimeout(function(){

$(expanded).trigger(<blockquote class="d4pbbc-quote"></blockquote>click<blockquote class="d4pbbc-quote"></blockquote>);

}, 100);

}

This reply was modified 11 years ago by Tony Russo.
This reply was modified 11 years ago by Tony Russo.
This reply was modified 11 years ago by Tony Russo.
This reply was modified 11 years ago by Tony Russo.
This reply was modified 11 years ago by Tony Russo.

January 3, 2015 at 3:06 pm #115123

Tony Russo

Participant

Thanks Tony,

Works until clicking on a previous expanded subGrid parent row.

Also added missing “}”

....
subGridBeforeExpand: function(divid, rowid) {
  // #grid is the id of the grid
  var expanded = jQuery(&quot;td.sgexpanded&quot;, &quot;#grid&quot;)[0];
  if(expanded) {
    setTimeout(function(){
        $(expanded).trigger(&quot;click&quot;);
    }, 100);
  }
},
...

....

subGridBeforeExpand: function(divid, rowid) {

// #grid is the id of the grid

var expanded = jQuery("td.sgexpanded", "#grid")[0];

if(expanded) {

setTimeout(function(){

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

}, 100);

}

...

January 3, 2015 at 4:29 pm #115124

Tony Russo

Participant

When reloadOnExpand is true, your code works, when set to false a previous expanded subGrid does not collapse.

You can replicate the problem by clicking on Row1, Row2, Row 1.

What happends:
Clicking on Row 1 expands as expected.
Clicking on Row 2 collapes Row 1 and expands Row 2 as expected.
Clicking on Row 1 expands Row 1 as expected but does not collapse Row 2.

January 4, 2015 at 10:50 am #115133

tony

Keymaster

Hello,

Thanks for the code fix.
Your investigation is true. This event is raised only once when reloadOnExpand is true. I will see how this can be fixed.
You can submit this in BugTracker
Thanks.

Kind Regards

January 4, 2015 at 3:51 pm #115134

Tony Russo

Participant

Thank you Tony.

As suggested, added bug Issue #3 “Event is raised only once when reloadOnExpand is true”.

January 7, 2015 at 3:39 pm #115160

tony

Keymaster

Hello,

I have fixed the bug.
You can download the fixed version from GitHub.
If you have difficulties, please let me know

Kind Regards

January 8, 2015 at 3:18 am #115178

Tony Russo

Participant

Hi Tony,

Working now. THANKS.

Is there a min version of the bug fix on github I can download?

January 8, 2015 at 10:11 am #115180

tony

Keymaster

Hello,

The download from github differ from the standard download.
After downloading open the js directory and then open the minified directory where the min file is. It is a good idea in this case to replace the css file too, since this is a development (not official) version.

Kind Regards

January 11, 2015 at 12:13 am #115226

How do I only have only 1 subgrid expanded at any time?

Search Forum

Recent Replies

Forum Statistics

UserOnline