Client Side Access to ItemTemplate RadGrid

[Jaish]

My grid has been written like below. It has multiple internal RAD grids as ItemTemplates

<telerik:RadGrid ID="SourceGrid" runat="server" ShowGroupPanel="false" AllowSorting="false" ShowFooter="true" AllowPaging="false" HeaderStyle-CssClass="tableHeading br" AutoGenerateColumns="false" GridLines="Both" OnItemDataBound="SourceGrid_ItemDataBound">
<ClientSettings AllowColumnsReorder="false" AllowDragToGroup="false" ReorderColumnsOnClient="false">
<Scrolling AllowScroll="false" UseStaticHeaders="true"></Scrolling>
<Resizing AllowColumnResize="false" EnableRealTimeResize="true" />
<ClientEvents OnCommand="SourceGrid_Command" OnDataBinding="RadGrid1_DataBound" OnGridCreated="GridCreated" />
</ClientSettings>
<ExportSettings>
<Excel />
</ExportSettings>
<GroupingSettings ShowUnGroupButton="true"></GroupingSettings>
<MasterTableView ShowGroupFooter="false" GridLines="Both" DataKeyNames="" GroupHeaderItemStyle-Font-Underline="true">
<CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>
<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">
</RowIndicatorColumn>
<ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column" Created="True">
</ExpandCollapseColumn>
<Columns>
<%--Start Station Details--%>
<telerik:GridBoundColumn UniqueName="EmpNumber" DataField="EmpNumber" HeaderText="EmpNumber" HeaderStyle-HorizontalAlign="Center" ItemStyle-Width="5%" HeaderStyle-Font-Bold="true" HeaderStyle-Font-Size="8" HeaderStyle-Font-Names="Arial" ItemStyle-Font-Size="8" ItemStyle-HorizontalAlign="Center" ItemStyle-VerticalAlign="Middle" FooterText="" Visible="true">
<HeaderStyle HorizontalAlign="Center" Font-Bold="True" Font-Names="Arial" Font-Size="8pt"></HeaderStyle>
<ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" Font-Size="8pt" Width="5%"></ItemStyle>
</telerik:GridBoundColumn>
<telerik:GridTemplateColumn UniqueName="Name" HeaderStyle-HorizontalAlign="Center" DataField="Name" ItemStyle-Width="5%" HeaderText="Name" HeaderStyle-Font-Bold="true" HeaderStyle-Font-Size="8" HeaderStyle-Font-Names="Arial" ItemStyle-Font-Size="8" ItemStyle-HorizontalAlign="Center" ItemStyle-VerticalAlign="Middle" FooterText="">
<ItemTemplate>
<asp:Label ID="Name" runat="server" Text='<%# Eval("Name") %>'></asp:Label>
</ItemTemplate>
<HeaderStyle HorizontalAlign="Center" Font-Bold="True" Font-Names="Arial" Font-Size="8pt"></HeaderStyle>
<ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" Font-Size="8pt" Width="5%"></ItemStyle>
</telerik:GridTemplateColumn>
<telerik:GridBoundColumn UniqueName="Age" DataField="Age" HeaderText="Age" HeaderStyle-HorizontalAlign="Center" ItemStyle-Width="5%" HeaderStyle-Font-Bold="true" HeaderStyle-Font-Size="8" HeaderStyle-Font-Names="Arial" ItemStyle-Font-Size="8" ItemStyle-HorizontalAlign="Center" ItemStyle-VerticalAlign="Middle" FooterText="" Visible="true">
<HeaderStyle HorizontalAlign="Center" Font-Bold="True" Font-Names="Arial" Font-Size="8pt"></HeaderStyle>
<ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" Font-Size="8pt" Width="5%"></ItemStyle>
</telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="Designation" DataField="Designation" HeaderText="Designation" HeaderStyle-Font-Bold="true" HeaderStyle-Font-Size="8" HeaderStyle-Font-Names="Arial" ItemStyle-Font-Size="8" ItemStyle-HorizontalAlign="Center" ItemStyle-VerticalAlign="Middle">
<HeaderStyle HorizontalAlign="Center" Font-Bold="True" Font-Names="Arial" Font-Size="8pt"></HeaderStyle>
<ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" Font-Size="8pt"></ItemStyle>
</telerik:GridBoundColumn>
<telerik:GridTemplateColumn UniqueName="Salary" HeaderStyle-HorizontalAlign="Center" DataField="Salary" ItemStyle-Width="5%" HeaderText="Salary" HeaderStyle-Font-Bold="true" HeaderStyle-Font-Size="8" HeaderStyle-Font-Names="Arial" ItemStyle-Font-Size="8" ItemStyle-HorizontalAlign="Center" ItemStyle-VerticalAlign="Middle" FooterText="">
<ItemTemplate>
<asp:Label ID="Salary" runat="server" Text='<%# Eval("Salary") %>'></asp:Label>
</ItemTemplate>
<HeaderStyle HorizontalAlign="Center" Font-Bold="True" Font-Names="Arial" Font-Size="8pt"></HeaderStyle>
<ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" Font-Size="8pt" Width="5%"></ItemStyle>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn UniqueName="Cy1" HeaderStyle-HorizontalAlign="Center" HeaderText="Cycle 1" HeaderStyle-Font-Bold="true" HeaderStyle-Font-Size="8" ColumnGroupName="C1" HeaderStyle-Font-Names="Arial" ItemStyle-Font-Size="8" ItemStyle-HorizontalAlign="Right" ItemStyle-VerticalAlign="Top" FooterText="">
<ItemTemplate>
<telerik:RadGrid ID="Cycle1Grid" runat="server" ShowGroupPanel="false" AllowSorting="false" GridLines="Both" ShowFooter="false" AllowPaging="true" PageSize="100" AutoGenerateColumns="false" OnDeleteCommand="cycle1_OnDeleteCommand" OnEditCommand="cycle1_EditCommand" OnItemCreated="cycle_ItemCreated" OnUpdateCommand="cycle1_UpdateCommand" OnCancelCommand="Cycle_CancelCommand">
<GroupingSettings ShowUnGroupButton="true"></GroupingSettings>
<MasterTableView Name="tblCycle1" ShowGroupFooter="true" GridLines="Both" EditMode="InPlace" DataKeyNames="PK_Dish_id">
<Columns>"

I need to access the grid which I made bold in above code. I am able to access the main grid and able to bind it like below

var tableView = $find("<%= SourceGrid.ClientID %>").get_masterTableView();
tableView.set_dataSource(GridData);
tableView.dataBind();

Same way how can I access the inner grid (bold one)? 

"<%= Cycle1Grid.ClientID %>" showing error that it's not available in the context and still not sure about the right way to access it. I am not able to see this grid inside my designer file too. Any help would be appreciated.



The 

[Maria Ilieva]

Hello Jaish,

Check out the following code library submission which explains on how to access the controls embedded inside templates in the grid:
Accessing server controls in a grid template on the client

Regards,
Maria Ilieva
Telerik