Compartilhar via

Como: Criar modelos de controle da Web ASP.NET declarativamente

  • Artigo

Controles de servidor Web tais como os controle Repeater, DataList e GridView permitem que você especifique modelos, que são elementos HTML que definem o layout para uma porção particular do controle.Por exemplo, no controle GridView, você pode definir modelos para itens, itens selecionados, itens alternados, e assim por diante, para que cada um desses elementos possa ter um aspecto personalizado.

Observação:

Para obter informações básicas sobre modelos, consulte Modelos de controles servidores web ASP.NET

Para criar um modelo de controle de servidor Web usando a sintaxe ASP.NET

  1. Na página ASP.NET, insira um elemento dentro do controle para identificar o modelo que você está criando, conforme mostrado no exemplo a seguir:

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

  </ItemTemplate>
</asp:DataList>

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

  </ItemTemplate>
</asp:DataList>

  2. Dentro do elemento modelo, adicione texto em HTML e outros controles como conteúdo do modelo.Inclua propriedades e valores de vinculação de dados para os controles incorporados usando sintaxe normal, conforme mostrado no exemplo a seguir:

    <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 as etapas 1 e 2 para cada modelo que você desejar criar.

    O exemplo a seguir mostra uma declaração completa para um controle de servidor Web DataList com modelos simples declarados para os modelos Header, Item e 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>

Consulte também

Conceitos

Modelos de controles servidores web ASP.NET

Visão geral sobre controles do servidor da Web do ASP.NET