Procedura: creare modelli di controlli server Web tramite la finestra di progettazione

Aggiornamento: novembre 2007

I controlli server Web GridView, DetailsView, FormView, DataList e Repeater consentono di specificare i modelli e di indicare il markup e i controlli server che definiscono una parte del controllo. Nel controllo GridView, ad esempio, è possibile definire i modelli per elementi, elementi selezionati, elementi alternati e così via, in modo che l'aspetto ciascun elemento sia personalizzato.

In questo argomento è descritto come utilizzare la finestra di progettazione per creare modelli. È possibile creare i modelli direttamente in Visual Web Developer. Per informazioni sulla creazione di modelli con l'utilizzo della sintassi ASP.NET, vedere Procedura: creare modelli di controlli Web ASP.NET in modo dichiarativo. Per informazioni di base sui modelli, vedere Modelli dei controlli server Web ASP.NET.

Nota:

La sintassi di associazione dati collocata in un elemento HTML <textarea> in un modello sarà codificata in formato HTML se si modifica il modello utilizzando la finestra di progettazione. Ad esempio, se si modifica il modello utilizzando la finestra di progettazione, la sintassi <textarea id="TextArea1"><%# Eval("Description") %><textarea> verrebbe automaticamente modificata in <textarea id="TextArea1">&lt;%# Eval("Description") %&gt;<textarea>. In alternativa è possibile eseguire il rendering di un elemento HTML <textarea> associando un controllo TextBox al campo dati, quindi specificando che la proprietà TextMode del controllo TextBox è MultiLine.

Per creare un modello in Visual Web Developer

1. In visualizzazione Progettazione, trascinare un controllo GridView nell'area di progettazione.

   L'elenco attività del controllo GridView viene visualizzato accanto al nuovo controllo GridView.

2. Nell'elenco attività, fare clic su Modifica modello, quindi selezionare il modello da modificare.

   In Visual Web Developer viene visualizzato il controllo in modalità di modifica modello.

3. Nel modello, aggiungere il testo HTML e alcuni controlli server.

4. Nel modello, utilizzare uno dei tre metodi riportati di seguito per modificare i controlli aggiunti, nello stesso modo in cui si esegue la modifica di altri controlli server Web:

   • Selezionare il controllo, quindi utilizzare la finestra Proprietà per impostarne le proprietà.

   • Associare i dati alla proprietà utilizzando la finestra di dialogo DataBinding. Per informazioni, vedere Utilizzo dell'associazione dati con i controlli mobili ASP.NET.

   • Fare doppio clic su un controllo incorporato per creare un gestore eventi ItemCommand per il controllo contenitore. Gli eventi generati dai controlli incorporati vengono inviati al contenitore. Per informazioni, vedere Modello di eventi dei controlli server Web ASP.NET.

5. Ripetere i passaggi da 1 a 3 per modificare altri modelli.

6. Per completare, fare clic su Termina modifica modello nell'elenco attività.

7. Impostare l'aspetto dei singoli modelli, impostandone le proprietà di stile. Per informazioni, vedere Controlli server Web ASP.NET e stili CSS.

Vedere anche

Concetti

Modelli dei controlli server Web ASP.NET

Cenni preliminari sui controlli server Web ASP.NET

Controlli server Web ASP.NET e stili CSS