Nested RadGrid on RadGrid Column Button Click

[kanchan]

Hi,

I want to know is it possible to show nested Grid on click of button in parent table.
I would appreciate if any source code example is there.

[Princy]

Hi Kanchan,

You can add a GridButtonColumn to thr Grid, set its CommandName, access it in the ItemCommand event and write code to expand the row.

ASPX:

<telerik:GridButtonColumn Text="Expand" UniqueName="Expand" CommandName="Expand">
</telerik:GridButtonColumn>

C#:

protected void RadGrid1_ItemCommand(object sender, GridCommandEventArgs e)
{
  if (e.CommandName == "Expand")
  {
   GridDataItem item = (GridDataItem)e.Item;
   item.Expanded = true;
  }
}

thanks,
Princy

[Kanchan]

Hi,

I have two level nested grid.
On Parent Table Item click show child grid. On Click of Item in child Grid further expand to child grid  as shown in .Png Image file in attachment above.

[Princy]

Hi Kanchan,

You can use the same GridButtonColumn in both the inner grids and access parent ItemCommand event with the same CommandName.

ASPX:

<telerik:RadGrid ID="RadGrid1" runat="server" OnItemCommand="RadGrid1_ItemCommand">
    <MasterTableView >
        <Columns>
            <telerik:GridButtonColumn Text="Expand" UniqueName="Expand" CommandName="Expand">
            </telerik:GridButtonColumn>
        </Columns>
        <NestedViewTemplate>
            <telerik:RadGrid ID="RadGrid2" runat="server" OnItemCommand="RadGrid1_ItemCommand">
                <MasterTableView>
                    <Columns>
                        <telerik:GridButtonColumn Text="Expand" UniqueName="Expand" CommandName="Expand">
                        </telerik:GridButtonColumn>
                    </Columns>
                    <NestedViewTemplate>
                        Inner Grid
                    </NestedViewTemplate>
                </MasterTableView>
            </telerik:RadGrid>
        </NestedViewTemplate>
    </MasterTableView>
</telerik:RadGrid>

Thanks,
Princy