RadGridView: Expand / Collapse all the groups which have the same level from a Context Menu item click

[minh]

Dear Teleriker,

I have a grid using RadGridView with grouping like below image.

I developed a context menu based on the GridViewHeaderCell.

Actually, I would have the behavior like that: When I click on an item of Context Menu (Expand All or Collapse All), it will expand/collapse only the sub-groups which are under the same group.

For example, in the image below, as I'm currently on the group "Cash" of group parent "Asset...Pictet & Cie (Suisse)", I expect that it will close all the groups under the group parent "Asset...Pictet & Cie (Suisse)" (like:Cash, Share, Bonds...) but let expanded other groups (like: group "Cash" under group parent "Asset...First Americain National Bank".

 

 

Is there any solution for that?

Many thanks for your help,

Minh

[Stenly]

I am currently reviewing this requirement and will get back to you in a couple of hours.

[Stenly]

Hello Minh Vu,

To achieve this requirement, you could utilize the GetClickedElement method of the RadContextMenu control and get the element with the type of GroupHeaderRow (if GroupRenderMode is set to Flat). Then, find if the clicked header row has a parent group, which could be done through its Group.ParentGroup property (if this property is null it would mean that this group has no group parent). If it has no parent, meaning it would be the topmost group, call the Expand or Collapse method of the RadGridView instance and pass its Group property as a parameter. If it has a parent, cast its Group.ParentGroup property to a type of QueryableCollectionViewGroup and iterate the Subgroups collection (this collection contains all of the sub-groups of this parent group). then, call the Expand or Collapse method on the current sub-group. This logic could be executed in the ItemClick event of the RadContextMenu control.

The following code snippets show this suggestion's implementation:

private void RadMenuItem_Click(object sender, Telerik.Windows.RadRoutedEventArgs e)
{
    var menu = (RadContextMenu)sender;
    var menuItem = (RadMenuItem)e.OriginalSource;

    var keyWord = menuItem.Header.ToString();

    var groupHeaderRow = menu.GetClickedElement<GroupHeaderRow>();
    if (groupHeaderRow != null)
    {
        var parentGroupHeaderRow = groupHeaderRow.Group.ParentGroup as QueryableCollectionViewGroup;
        //It has a parent group
        if (parentGroupHeaderRow != null)
        {
            foreach (var subgroup in parentGroupHeaderRow.Subgroups)
            {
                this.PerformExpandCollapse(keyWord, subgroup);
            }
        }
        //It does not have a parent group
        else
        {
            this.PerformExpandCollapse(keyWord, groupHeaderRow.Group);
        }
    }
}

The implementation of the PerformExpandCollapse method is as follows:

private void PerformExpandCollapse(string keyWord, IGroup group)
{
    if (keyWord.Contains("Expand"))
    {
        this.gridView.ExpandGroup(group);
    }
    else
    {
        this.gridView.CollapseGroup(group);
    }

}

The implementation will produce this result:

I have attached a sample project for you to test.

Regards,
Stenly
Progress Telerik

[minh]

Hi Stenly,

Your solution work like a charm!

Many thanks for your help that helped us saving a lot of tries and efforts.

Have a great day