Procedura: creare modelli di controlli Web ASP.NET in modo dichiarativo

  • Articolo

Aggiornamento: novembre 2007

I controlli server Web, quali Repeater, DataList e GridView, consentono di specificare modelli, ovvero elementi HTML che definiscono il layout di una porzione specifica del controllo. Nel controllo GridView, ad esempio, è possibile definire i modelli degli elementi, degli elementi selezionati, degli elementi alternati e così via, in modo che l'aspetto di ognuno di questi elementi possa essere personalizzato.

Nota:

Per informazioni di base sui modelli, vedere Modelli dei controlli server Web ASP.NET.

Per creare un modello di controlli server Web mediante la sintassi ASP.NET

  1. Nella pagina ASP.NET inserire un elemento all'interno del controllo per identificare il modello che si sta creando, come illustrato nell'esempio seguente:

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

  </ItemTemplate>
</asp:DataList>

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

  </ItemTemplate>
</asp:DataList>

  2. All'interno dell'elemento modello, aggiungere testo HTML e altri controlli come contenuto del modello. Includere la proprietà e i valori di associazione dei dati per i controlli incorporati, utilizzando la sintassi normale, come illustrato nell'esempio seguente:

    <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. Ripetere i passaggi da 1 a 2 per ogni modello da creare.

    Nell'esempio riportato di seguito viene illustrata una dichiarazione completa per un controllo server Web DataList con modelli semplici dichiarati per i modelli 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>

Vedere anche

Concetti

Modelli dei controlli server Web ASP.NET

Cenni preliminari sui controlli server Web ASP.NET