[Solved] Bind nested grid

[Mugdha Aditya]

Hello,

I want to display nested grid. means on click of master grid row it will display another grid with related master grid.

i dont know where to bind another grid data n how??

i did somthing like tht

<

 

body class="BODY">

 

 

<form runat="server" id="mainForm" method="post">

 

 

<telerik:RadScriptManager runat="server" ID="ScriptManager1">

 

 

</telerik:RadScriptManager>

 

 

<!-- content start -->

 

 

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

 

 

<ajaxsettings>

 

 

<telerik:AjaxSetting AjaxControlID="RadGrid1">

 

 

<UpdatedControls>

 

 

<telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />

 

 

</UpdatedControls>

 

 

</telerik:AjaxSetting>

 

 

</ajaxsettings>

 

 

</telerik:RadAjaxManager>

 

 

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" />

 

 

<telerik:RadGrid ID="RadGrid1" OnPreRender="RadGrid1_PreRender" runat="server" AutoGenerateColumns="False"

 

 

AllowSorting="True" AllowMultiRowSelection="False" AllowPaging="True" PageSize="5"

 

 

GridLines="None" ShowGroupPanel="true" OnItemCreated="RadGrid1_ItemCreated" OnItemCommand="RadGrid1_ItemCommand">

 

 

<pagerstyle mode="NumericPages"></pagerstyle>

 

 

<mastertableview datakeynames="IssueID" allowmulticolumnsorting="True" grouploadmode="Server">

 

 

<NestedViewTemplate>

 

 

<asp:Panel runat="server" ID="InnerContainer" CssClass="viewWrap" Visible="false">

 

 

<telerik:RadTabStrip runat="server" ID="TabStip1" MultiPageID="Multipage1"

 

 

SelectedIndex="0">

 

 

<Tabs>

 

 

<telerik:RadTab runat="server" Text="ViewIssue" PageViewID="PageView1">

 

 

</telerik:RadTab>

 

 

</Tabs>

 

 

</telerik:RadTabStrip>

 

 

<telerik:RadMultiPage runat="server" ID="Multipage1" SelectedIndex="0" RenderSelectedPageOnly="false">

 

 

<telerik:RadPageView runat="server" ID="PageView1">

 

 

<telerik:RadGrid runat="server" ID="OrdersGrid" AutoGenerateColumns="False" AllowSorting="True" AllowMultiRowSelection="False" AllowPaging="True" PageSize="5">

 

 

<MasterTableView ShowHeader="true" AutoGenerateColumns="False" AllowPaging="true"

 

 

DataKeyNames="OrderID" PageSize="7" HierarchyLoadMode="ServerOnDemand">

 

 

<Columns>

 

 

<telerik:GridNumericColumn SortExpression="Description" HeaderText="Description" HeaderButtonType="TextButton"

 

 

DataField="Description" UniqueName="Description">

 

 

</telerik:GridNumericColumn>

 

 

<telerik:GridBoundColumn SortExpression="CSTComments" HeaderText="CSTComments" HeaderButtonType="TextButton"

 

 

DataField="CSTComments" UniqueName="CSTComments" Aggregate="Count">

 

 

</telerik:GridBoundColumn>

 

 

<telerik:GridDateTimeColumn SortExpression="AnalystComments" HeaderText="AnalystComments" HeaderButtonType="TextButton"

 

 

DataField="AnalystComments" UniqueName="AnalystComments" >

 

 

</telerik:GridDateTimeColumn>

 

 

</Columns>

 

 

</MasterTableView>

 

 

</telerik:RadGrid>

 

 

</telerik:RadPageView>

 

 

</telerik:RadMultiPage>

 

 

</asp:Panel>

 

 

</NestedViewTemplate>

 

 

<Columns>

 

 

<telerik:GridBoundColumn SortExpression="CoName" HeaderText="CoName" HeaderButtonType="TextButton"

 

 

DataField="CoName" UniqueName="CoName">

 

 

</telerik:GridBoundColumn>

 

 

<telerik:GridBoundColumn SortExpression="ScenarioName" HeaderText="ScenarioName" HeaderButtonType="TextButton"

 

 

DataField="ScenarioName" UniqueName="ScenarioName">

 

 

</telerik:GridBoundColumn>

 

 

<telerik:GridBoundColumn SortExpression="Subject" HeaderText="Subject" HeaderButtonType="TextButton"

 

 

DataField="Subject" UniqueName="Subject">

 

 

</telerik:GridBoundColumn>

 

 

<telerik:GridBoundColumn SortExpression="IssueDate"

 

 

HeaderText="IssueDate" HeaderButtonType="TextButton" DataField="IssueDate" UniqueName="IssueDate">

 

 

</telerik:GridBoundColumn>

 

 

</Columns>

 

 

</mastertableview>

 

 

<clientsettings allowdragtogroup="true" />

 

 

</telerik:RadGrid>

 

 

</form>

 

</

 

body>

--------------------------------------------code behind ---------------------------------------------------------------------------

 

 

protected void RadGrid1_ItemCommand(object source, GridCommandEventArgs e)

 

{

 

//dsViewIssueData = moIssueTrackBL.GetViewIssueDetails(iIssueID);

 

 

if (e.CommandName == RadGrid.ExpandCollapseCommandName)

 

{

((

GridDataItem)e.Item).ChildItem.FindControl("InnerContainer").Visible =

 

!e.Item.Expanded;

 

GridDataItem item=(GridDataItem)e.Item;

 

iIssueID =

Convert.ToInt32(item.OwnerTableView.DataKeyValues[item.ItemIndex]["IssueID"].ToString());

 

dsViewIssueData = moIssueTrackBL.GetViewIssueDetails(iIssueID);

 

GridDataItem editedItem = (GridDataItem)e.Item.OwnerTableView.Items[e.Item.ItemIndex];

 

 

RadGrid grid2 = (RadGrid)editedItem.EditFormItem.FindControl("OrdersGrid");

 

grid2.DataSource = dsViewIssueData.Tables[0];

grid2.DataBind();
}
}

but its not working :(

can any one help me please

[Princy]

Hi,
 
You need to access the nested grid using the code snippet below:

C#

protected void RadGrid1_ItemCommand(object source, GridCommandEventArgs e)
    {
        if (e.CommandName == RadGrid.ExpandCollapseCommandName)
        {
            GridDataItem editedItem = (GridDataItem)e.Item.OwnerTableView.Items[e.Item.ItemIndex];
            foreach (GridNestedViewItem item1 in RadGrid1.MasterTableView.GetItems(GridItemType.NestedView))
            {
                RadGrid OrdersGrid= (RadGrid)item1.FindControl("OrdersGrid");

            }
        }
    }

Thanks,
Princy

[Mugdha Aditya]

Hey thanks for the your reply.
its workinh
i have another question
after cliking it will take time to sh0w another grid.... i mean it post backs...how to avoid that and how to show progress bar.
and may i know which css they used for rad grid. may i get that??