Expand First Group, Collapse Second

[Peggy]

I have a (razor) Grid with two groups added:
   .Group(groups => groups.Add(dd => dd.grp1))
   .Group(groups => groups.Add(dd => dd.grp2)

I have been able to find examples to collapse ALL groups, but am wondering how to get a handle to just grp2 so that is the only one collapsed?
The data in grp2 can be a variety of random numbers , so something like below will not work for me:
    grid.collapseGroup(".k-grouping-row:contains(Beverage)");

Thanks in advance for your response.

[Dimiter Madjarov]

Hello Peggy,

The group field (or it's title if set) is also part of the grouping row text, so you could use it in the :contains() selector instead of the field value.
E.g.

grid.collapseGroup(".k-grouping-row:contains(grp2)");

Regards,
Dimiter Madjarov
Telerik

 

 

[Peggy]

Thanks for the quick reply, unfortunately, I still haven't gotten this to work. I've attached my example. Can you take a look and let me know what I am doing wrong?
Thanks so much!

[Dimiter Madjarov]

Hello Peggy,

Please excuse me for the inconvenience. You could use the following approach a pass the group rows one by one to the collapseGroup method.
E.g.

function dataBound(e) {
    var grid = $("#grid").data("kendoGrid");
    $(".k-grouping-row:contains(Discontinued)").each(function () {
        grid.collapseGroup(this);
    });
}

Regards,
Dimiter Madjarov
Telerik

 

 

[Peggy]

Thanks Dimiter, this works perfect for me!