This question is locked. New answers and comments are not allowed.
Hi good day, i am new to use telerik and now are asking me to make a gridview to show me the details of each record, I watched the demo example (http://demos.telerik.com/aspnet-mvc/grid/hierarchyserverside ) but there are labels that do not recognize me when I copy the code, also also need to include action buttons to perform some functions in detail, but could help us understand how you use these controls, thanks
<asp:Content ID="content" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
<script src="GridViewHelper.js" type="text/javascript"></script>
<link href="GridViewHelper.css" rel="STYLESHEET" type="text/css" />
<link href="AppStyle.css" rel="STYLESHEET" type="text/css" />
<script language="javascript" src="../js/Common.js" type="text/javascript"></script>
<script language="javascript" src="../js/generales.js" type="text/javascript"></script>
<rada:RadScriptBlock ID="RadScriptBlock1" runat="server">
<script language="javascript" type="text/javascript" src="../js/Common.js"></script>
</rada:RadScriptBlock>
<rada:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="100%"
Transparency="50" Width="100%">
<table style="background-color: White; width: 100%; height: 100%">
<tr>
<td align="center" valign="middle">
<img src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading1.gif") %>'
alt="Cargando..." style="border: 0;" />
<br />
Consultando Recibos...
</td>
</tr>
</table>
</rada:RadAjaxLoadingPanel>
<rada:RadAjaxPanel ID="RadAjaxPanel1" runat="server" HorizontalAlign="NotSet"
LoadingPanelID="RadAjaxLoadingPanel1" Height="16px">
<div id="middle" style="width: 700px">
<h1>
Opciones de Búsqueda
<asp:Label ID="lblRepresentante" runat="server" Font-Bold="true"
Visible="False">Representante:</asp:Label>
<asp:Label ID="lblAgente" runat="server" Font-Bold="true" Visible="False">Agente:</asp:Label>
<asp:Label ID="lblRepresentanteAgente" runat="server"
CssClass="TxtContenidoBold" Visible="False"></asp:Label>
</h1>
<table style="width: 100%">
<tr>
<td style="width: 131px">
<asp:Label ID="lblLineaNegocio" runat="server" Text="LÃnea de Negocio" style="font-size: small"></asp:Label>
</td>
<td style="width: 149px">
<asp:DropDownList ID="dlLineaNegocio" runat="server" Height="16px"
Width="150px">
</asp:DropDownList>
</td>
<td style="width: 60px">
</td>
<td style="width: 60px">
</td>
<td style="width: 138px">
<asp:Label ID="lblNumeroPoliza" runat="server" Text="Número de Póliza" style="font-size: small"></asp:Label>
</td>
<td>
<asp:TextBox ID="txtNumeroPoliza" runat="server" Width="150px"></asp:TextBox>
</td>
<td>
</td>
</tr>
<tr>
<td style="width: 131px">
<asp:Label ID="lblRfc" runat="server" Text="RFC" style="font-size: small"></asp:Label>
</td>
<td style="width: 149px">
<asp:TextBox ID="txtRfc" runat="server" Width="150px"></asp:TextBox>
</td>
<td style="width: 60px">
</td>
<td style="width: 60px">
</td>
<td style="width: 138px">
<asp:Label ID="lblCliente" runat="server" Text="Cliente" style="font-size: small"></asp:Label>
</td>
<td>
<asp:TextBox ID="txtCliente" runat="server" Width="149px"></asp:TextBox>
</td>
<td>
</td>
</tr>
<tr>
<td style="width: 131px">
<asp:Label ID="lblVigenciaDesde" runat="server" Text="Vigencia desde:" style="font-size: small"></asp:Label>
</td>
<td style="width: 149px">
<rada:RadDatePicker ID="rdpFechaIni0" runat="server" AutoPostBack="true"
CssClass="selectBoxField" Culture="Spanish (Mexico)" Skin="Telerik"
Width="150px">
<Calendar ID="Calendar4" runat="server" Skin="Telerik"
UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False"
ViewSelectorText="x">
</Calendar>
<DatePopupButton HoverImageUrl="" ImageUrl="" />
</rada:RadDatePicker>
</td>
<td style="width: 60px">
</td>
<td style="width: 60px">
</td>
<td style="width: 138px">
<asp:Label ID="Label1" runat="server" Text="Hasta:" style="font-size: small"></asp:Label>
</td>
<td>
<rada:RadDatePicker ID="rdpFechaFin2" runat="server" AutoPostBack="true"
CssClass="selectBoxField" Culture="Spanish (Mexico)" Skin="Telerik"
Width="150px">
<Calendar ID="Calendar6" runat="server" Skin="Telerik"
UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False"
ViewSelectorText="x">
</Calendar>
<DatePopupButton HoverImageUrl="" ImageUrl="" />
</rada:RadDatePicker>
</td>
<td>
</td>
<td> </td>
<td>
<div class="buttonWhiteBackground">
<div class="rt">
<div class="lt">
<div class="rb">
<div class="lb">
<div class="buttonContent">
<p>
<asp:Button ID="btiBuscar" runat="server" class="buttonSubmit red"
Text="Buscar" ToolTip="Buscar" />
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
</table>
<h1>
<rada:RadGrid ID="dgResultados" runat="server" AllowPaging="True"
GridLines="Horizontal">
<MasterTableView>
<RowIndicatorColumn>
<HeaderStyle Width="20px" />
</RowIndicatorColumn>
<ExpandCollapseColumn>
<HeaderStyle Width="20px" />
</ExpandCollapseColumn>
</MasterTableView>
<FilterMenu>
<CollapseAnimation Duration="200" Type="OutQuint" />
</FilterMenu>
<HeaderContextMenu>
<CollapseAnimation Duration="200" Type="OutQuint" />
</HeaderContextMenu>
</rada:RadGrid>
<h1>
</h1>
<h1>
Aqui
</h1>
<h1>
</h1>
</h1>
</div>
</rada:RadAjaxPanel>
</asp:Content>
<asp:Content ID="content" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
<script src="GridViewHelper.js" type="text/javascript"></script>
<link href="GridViewHelper.css" rel="STYLESHEET" type="text/css" />
<link href="AppStyle.css" rel="STYLESHEET" type="text/css" />
<script language="javascript" src="../js/Common.js" type="text/javascript"></script>
<script language="javascript" src="../js/generales.js" type="text/javascript"></script>
<rada:RadScriptBlock ID="RadScriptBlock1" runat="server">
<script language="javascript" type="text/javascript" src="../js/Common.js"></script>
</rada:RadScriptBlock>
<rada:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="100%"
Transparency="50" Width="100%">
<table style="background-color: White; width: 100%; height: 100%">
<tr>
<td align="center" valign="middle">
<img src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading1.gif") %>'
alt="Cargando..." style="border: 0;" />
<br />
Consultando Recibos...
</td>
</tr>
</table>
</rada:RadAjaxLoadingPanel>
<rada:RadAjaxPanel ID="RadAjaxPanel1" runat="server" HorizontalAlign="NotSet"
LoadingPanelID="RadAjaxLoadingPanel1" Height="16px">
<div id="middle" style="width: 700px">
<h1>
Opciones de Búsqueda
<asp:Label ID="lblRepresentante" runat="server" Font-Bold="true"
Visible="False">Representante:</asp:Label>
<asp:Label ID="lblAgente" runat="server" Font-Bold="true" Visible="False">Agente:</asp:Label>
<asp:Label ID="lblRepresentanteAgente" runat="server"
CssClass="TxtContenidoBold" Visible="False"></asp:Label>
</h1>
<table style="width: 100%">
<tr>
<td style="width: 131px">
<asp:Label ID="lblLineaNegocio" runat="server" Text="LÃnea de Negocio" style="font-size: small"></asp:Label>
</td>
<td style="width: 149px">
<asp:DropDownList ID="dlLineaNegocio" runat="server" Height="16px"
Width="150px">
</asp:DropDownList>
</td>
<td style="width: 60px">
</td>
<td style="width: 60px">
</td>
<td style="width: 138px">
<asp:Label ID="lblNumeroPoliza" runat="server" Text="Número de Póliza" style="font-size: small"></asp:Label>
</td>
<td>
<asp:TextBox ID="txtNumeroPoliza" runat="server" Width="150px"></asp:TextBox>
</td>
<td>
</td>
</tr>
<tr>
<td style="width: 131px">
<asp:Label ID="lblRfc" runat="server" Text="RFC" style="font-size: small"></asp:Label>
</td>
<td style="width: 149px">
<asp:TextBox ID="txtRfc" runat="server" Width="150px"></asp:TextBox>
</td>
<td style="width: 60px">
</td>
<td style="width: 60px">
</td>
<td style="width: 138px">
<asp:Label ID="lblCliente" runat="server" Text="Cliente" style="font-size: small"></asp:Label>
</td>
<td>
<asp:TextBox ID="txtCliente" runat="server" Width="149px"></asp:TextBox>
</td>
<td>
</td>
</tr>
<tr>
<td style="width: 131px">
<asp:Label ID="lblVigenciaDesde" runat="server" Text="Vigencia desde:" style="font-size: small"></asp:Label>
</td>
<td style="width: 149px">
<rada:RadDatePicker ID="rdpFechaIni0" runat="server" AutoPostBack="true"
CssClass="selectBoxField" Culture="Spanish (Mexico)" Skin="Telerik"
Width="150px">
<Calendar ID="Calendar4" runat="server" Skin="Telerik"
UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False"
ViewSelectorText="x">
</Calendar>
<DatePopupButton HoverImageUrl="" ImageUrl="" />
</rada:RadDatePicker>
</td>
<td style="width: 60px">
</td>
<td style="width: 60px">
</td>
<td style="width: 138px">
<asp:Label ID="Label1" runat="server" Text="Hasta:" style="font-size: small"></asp:Label>
</td>
<td>
<rada:RadDatePicker ID="rdpFechaFin2" runat="server" AutoPostBack="true"
CssClass="selectBoxField" Culture="Spanish (Mexico)" Skin="Telerik"
Width="150px">
<Calendar ID="Calendar6" runat="server" Skin="Telerik"
UseColumnHeadersAsSelectors="False" UseRowHeadersAsSelectors="False"
ViewSelectorText="x">
</Calendar>
<DatePopupButton HoverImageUrl="" ImageUrl="" />
</rada:RadDatePicker>
</td>
<td>
</td>
<td> </td>
<td>
<div class="buttonWhiteBackground">
<div class="rt">
<div class="lt">
<div class="rb">
<div class="lb">
<div class="buttonContent">
<p>
<asp:Button ID="btiBuscar" runat="server" class="buttonSubmit red"
Text="Buscar" ToolTip="Buscar" />
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
</table>
<h1>
<rada:RadGrid ID="dgResultados" runat="server" AllowPaging="True"
GridLines="Horizontal">
<MasterTableView>
<RowIndicatorColumn>
<HeaderStyle Width="20px" />
</RowIndicatorColumn>
<ExpandCollapseColumn>
<HeaderStyle Width="20px" />
</ExpandCollapseColumn>
</MasterTableView>
<FilterMenu>
<CollapseAnimation Duration="200" Type="OutQuint" />
</FilterMenu>
<HeaderContextMenu>
<CollapseAnimation Duration="200" Type="OutQuint" />
</HeaderContextMenu>
</rada:RadGrid>
<h1>
</h1>
<h1>
Aqui
</h1>
<h1>
</h1>
</h1>
</div>
</rada:RadAjaxPanel>
</asp:Content>