Checkbox dentro GridView in Asp.Net

Mattepuffo's logo
Checkbox dentro GridView in Asp.Net

Checkbox dentro GridView in Asp.Net

Il controllo server GridView è uno dei controlli più utilizzati nella creazione di pagine create in Asp.NET.

Visual Studio offre, poi, tante opzioni di personalizzazione così che è abbastanza facile imparare ad usare una GridView in poco tempo.

Però di default la GV è solo una "girglia" che rappresenta i dati in righe e colonne con molte più opzioni rispetto a una classica tabella.

Non offre ad esempio la possibilità di aggiungere DropDownList o CheckBox, a meno che non lo si fa a mano.

Nella guida vi spiego appunto come inserire una colonna CheckBox dentro a una GV.

Do per scontato che abbiate configurato la vostra GV; dovete fare però attenzione a impostare su false il parametro AutoGenerateColumns (che è condigliato a prescindere dall'argomento trattato).

Le colonne andranno inserite a mano dentro al tag <Columns>.

Dentro al suddetto tag andremmo a modificare il template attraverso TemplateField, che rappresenta un campo con contenuto personalizzato.

TemplateField permette di modificare diversi template a seconda dell'operazione che dobbiamo fare; noi useremo ItemTemplate imposta il modello per visualizzare un elemento in un controllo con associazione a dati.

 

Dentro questi due tag imposteremo la nostra CheckBox che verrà ripetuta per ogni riga presente nella GV:

<asp:GridView ID="GV" runat="server" AutoGenerateColumns="False">
<Columns>
<asp:TemplateField>
<ItemTemplate>
<asp:CheckBox ID="SelectedItem" AutoPostBack="true" runat="server" />
</ItemTemplate>
</asp:TemplateField>
// le altre colonne
</Columns>

Ho levato un pò di parametri inutili.

Come vedete il tutto è molto semplice e abbiamo usato due semplici tag.

Nel mio caso la CB è inserita all'inizio, prima delle altre colonne.

Ovviamente potete metterla dove vi pare.


Condividi

Commentami!