Toggling group panel on the client side

[dmw]

Hi,

What's the best way of showing/hiding the group panel without doing a postback? I couldn't find an equivalent of hideFilterItem() / showFilterItem() for the group panel.

Thanks,

[Shinu]

Hello,


The following code will help you to toggle the GroupPanel visibility from client side.

JavaScript:

<script type="text/javascript">
    function showHide() {
        var grid = $find("<%=  RadGrid1.ClientID%>");
        grid._groupPanel.set_visible(!grid._groupPanel.get_visible());
    }
</script>

-Shinu.

[dmw]

Thanks, there seems to be a couple of problems with this:

1) If the group panel is initially hidden (ShowGroupPanel="false"), the _groupPanel property appears to be missing.

2) If the group panel is shown and I hide it using this method, it reappears after the next postback (e.g. re-sorting).

[Tsvetina]

Hello,

Since the set_visible() property hides the group panel only on the client, you need to persist the visible state manually after postback. For example you can use a hidden field on the page which value you set when the showHide() method is called. It will notify whether the group panel should be visible after postback, or not (you can set this state in the ItemCreated event handler of the grid).

Regards,
Tsvetina
the Telerik team

[dmw]

Thanks for the suggestion, I'll give it a try.