Grid groups do not expand or collapse

[Stan]

Once button on the form is clicked, the grid is groupped with something like:

GridGroupByExpression expression = new GridGroupByExpression();
            expression.SelectFields.Add(new GridGroupByField
            {
                FieldName = "orderNumber",
                HeaderText = "Order",
                FormatString = "<strong>{0}</strong>"
            });
            myGgrid.MasterTableView.GroupByExpressions.Add(expression);
        }

That works fine, but the groups cannot be collapsed or expanded (if I set GroupsDefaultExpanded="false" and they are collapsed by default). When group expand/collapse is clicked, the gird posts back  but that does not change grouping. Where would I look to fix it?

[Princy]

Hello Stan,

I tried the same scenario which worked as expected in my end. Check the following demo which implements the same.
Grid / Group By Expressions

Thanks,
Princy.

[Stan]

Here is some more details on the problem.

There are some empty details rows. These rows are turned off (visible = fals) on the server. The grid, however sends these rows to the client like this:

<tr style="display: none">
   <td class="rgExpandCol" ....
   <!-- detail record goes here .... -->

and then when a group is collapsed and expanded, sure enough, style="display: none" is gone and the chilldren rows are visible.

I have no idea why grid does that..

-Stan

[Andrey]

Hi Stan,

Could you check what is the content of the added expression by hooking the PreRender event and setting a break point in it? Additionally if you could post some portion of your code, for example the RadGrid declaration and the corresponding Events would be helpful to all people who wish to help you.

Kind regards,
Andrey
the Telerik team

[Stan]

Andrey,

It probably doesn't worth spending time on this, because our control version is at least one year old. In case anybody else will have this problem, I fixed it with a piece of crude code:

function OnGroupExpanded(sender, e) {
        //debugger;
        var grid = $find(sender.get_id());
        var masterTableView = grid.get_masterTableView();
        var gridTableViews = grid.get_detailTables();

        for (var index = 0; index < gridTableViews.length; index++) {
            masterTableView.collapseItem(index);
        }
    }