[Solved] HierarchyLoadMode="Client" Not working

[Patrick]

Hi, i'm using 2013.2.717.40

The Expand Collapse Buttons are firing a PostBack even though I believe i've configured the RadGrid to use ClientSide expand/collapse.
What am I doing wrong? I would like the expand and collapse to be handled by the Client.

ASPX:
<code>
<telerik:RadGrid ID="rgInspectionItems" runat="server" Skin="MetroTouch" 
        CellSpacing="0" GridLines="None"
        onneeddatasource="rgInspectionItems_NeedDataSource">
        <ClientSettings AllowGroupExpandCollapse="true" AllowExpandCollapse="true">
        </ClientSettings>
        <MasterTableView HierarchyLoadMode="Client">
        <GroupByExpressions>
            <telerik:GridGroupByExpression>
                <SelectFields>
                    <telerik:GridGroupByField FieldName="WorkGroupName" HeaderText="Group" />
                </SelectFields>
                <GroupByFields>
                    <telerik:GridGroupByField FieldName="WorkGroupName" />
                </GroupByFields>
            </telerik:GridGroupByExpression>
        </GroupByExpressions>
            <RowIndicatorColumn Visible="False">
                <HeaderStyle Width="41px" />
            </RowIndicatorColumn>
            <ExpandCollapseColumn Created="True">
                <HeaderStyle Width="41px" />
            </ExpandCollapseColumn>
        </MasterTableView>
    </telerik:RadGrid>
</code>

ASPX.CS
<code>
 protected void rgInspectionItems_NeedDataSource(object sender, Telerik.Web.UI.GridNeedDataSourceEventArgs e)
        {             DataTable dt = AppSql.getInspectionItems();
            rgInspectionItems.DataSource = dt;
        }
</code>

Also, what is the Markup needed to Format a Code Snippet?

Thanks,

[Princy]

Hi Patrick,

If you set HierarchyLoadMode=Client,this will make the hierarchy in client mode.I see that you are using Grouping in your program.To set it in client mode you should use GroupLoadMode="Client". So i guess you don't require a Hierarchy grid.Please try the below code snippet

ASPX:

<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="true" DataSourceID="SqlDataSource1"
    GridLines="None" AllowPaging="true" AllowSorting="true">
    <ClientSettings AllowGroupExpandCollapse="true" >
    </ClientSettings>
    <MasterTableView GroupLoadMode="Client">
        <GroupByExpressions>
            <telerik:GridGroupByExpression>
                <SelectFields>
                    <telerik:GridGroupByField FieldName="OrderID" HeaderText="Group" />
                </SelectFields>
                <GroupByFields>
                    <telerik:GridGroupByField FieldName="OrderID" />
                </GroupByFields>
            </telerik:GridGroupByExpression>
        </GroupByExpressions>
        <RowIndicatorColumn Visible="False">
            <HeaderStyle Width="41px" />
        </RowIndicatorColumn>
        <ExpandCollapseColumn Created="True">
            <HeaderStyle Width="41px" />
        </ExpandCollapseColumn>
    </MasterTableView>
</telerik:RadGrid>

Hope this helps,else elaborate on your requirements.


Thanks,
Princy

[Jayesh Goyani]

Hello,

For grouping,  please use below code snippet.

<MasterTableView GroupLoadMode="Client">

Thanks,
Jayesh Goyani

[Jayesh Goyani]

Hello,

what is the Markup needed to Format a Code Snippet?

Please click on below highlighted toolbar button to format your code snippet.



Thanks,
Jayesh Goyani

[Patrick]

<MasterTableView GroupLoadMode="Client"> 
Did the trick. Thanks, didn't see that property.

In regards to formatting the code, my browser (IE8) does not show those options. (see attached Image)


  

[Jayesh Goyani]

Hello,

I am not able to reproduce this issue.
Please check below screenshot.

It will take some time in loading this icon.



Thanks,
Jayesh Goyani