Cómo: Crear plantillas de controles Web ASP.NET mediante declaración

Actualización: noviembre 2007

Controles de servidor Web como Repeater, DataList y GridView permiten especificar plantillas, es decir, elementos HTML que definen el diseño de una parte determinada del control. Por ejemplo, en el control GridView, se pueden definir plantillas para elementos, elementos seleccionados, elementos alternativos, etc., por lo que cada uno de estos elementos puede tener una apariencia personalizada.

Nota:
Para obtener información adicional sobre plantillas, vea Plantillas de controles de servidor Web ASP.NET.

Para crear una plantilla de un control de servidor Web mediante sintaxis ASP.NET

1. En la página ASP.NET, inserte un elemento dentro del control para identificar qué plantilla está creando, tal como se muestra en el ejemplo siguiente:

   <asp:DataList id="DataList1" >
     <ItemTemplate>
   
     </ItemTemplate>
   </asp:DataList>
   

   <asp:DataList id="DataList1" >
     <ItemTemplate>
   
     </ItemTemplate>
   </asp:DataList>
   

2. Dentro del elemento de plantilla, agregue el texto HTML y los otros controles como el contenido de la plantilla. Incluya valores de propiedad y de enlace de datos para los controles incrustados utilizando la sintaxis normal, como se muestra en el ejemplo siguiente:

   <asp:DataList id="DataList3" >
      <ItemTemplate>
       Name: <asp:Label ID="Label2"  
       Text='<%# DataBinder.Eval(Container, "DataItem.EmployeeName")%>'/>
      </ItemTemplate>
   </asp:DataList>
   

   <asp:DataList id="DataList3" >
      <ItemTemplate>
       Name: <asp:Label ID="Label2"  
       Text='<%# DataBinder.Eval(Container, "DataItem.EmployeeName")%>'/>
      </ItemTemplate>
   </asp:DataList>
   

3. Repita los pasos 1 y 2 para cada plantilla que desee crear.

   El ejemplo siguiente muestra una declaración completa para un control de servidor Web DataList con plantillas simples declaradas para las plantillas Header, Item y Separator.

   <asp:datalist id="DataList2"  >
      <HeaderTemplate>
      Items matching your query: 
      </HeaderTemplate>
      <ItemTemplate>
      Name: <asp:Label id="Label1"  
        Text='<%# DataBinder.Eval(Container, "DataItem.EmployeeName")%>'></asp:Label>
      </ItemTemplate>
      <SeparatorTemplate>
        <br /><hr />
      </SeparatorTemplate>
   </asp:datalist>
   

   <asp:datalist id="DataList2"  >
      <HeaderTemplate>
      Items matching your query: 
      </HeaderTemplate>
      <ItemTemplate>
      Name: <asp:Label id="Label1"  
        Text='<%# DataBinder.Eval(Container, "DataItem.EmployeeName")%>'></asp:Label>
      </ItemTemplate>
      <SeparatorTemplate>
        <br /><hr />
      </SeparatorTemplate>
   </asp:datalist>
   

Vea también

Conceptos

Plantillas de controles de servidor Web ASP.NET

Información general sobre los controles de servidor Web ASP.NET