GridView fa pagine Web ordinata, e gli sviluppatori Web per visualizzare dati tabulari complessi che presentano in righe e colonne. GridView ottiene dati da una varietà di origini dati quali database, file XML e tabelle di dati. Quando si progetta, è possibile aggiungere colonne per un controllo GridView. A volte, non si può sapere quale colonna da aggiungere. Manipolando la proprietà "bound campo" di un GridView, è possibile aggiungere colonne come necessario.

Istruzioni

1

Aprire Visual Studio. Fare clic su "File" e selezionare "Nuovo sito".

2

Fare clic su "c#" e quindi fare doppio clic su "Sito Web ASP.NET" per creare un nuovo sito Web. Il codice di markup per la pagina Web predefinita viene visualizzata al centro della finestra di Visual Studio.

3

Fare clic sul pulsante "Design" nella parte inferiore della finestra per visualizzare la finestra di progettazione.

4

Fare clic su "File" e selezionare "Toolbox". Visual Studio verrà visualizzata la casella degli strumenti.

5

Scorrere verso il basso e individuare il controllo "GridView". Fare doppio clic su tale controllo per posizionarla sul form.

6

Premere "F7". La finestra del codice sorgente per aprire e visualizzare questo codice:

protected void Page_Load (object sender, EventArgs e)

{

}

Questo è il metodo di caricamento di pagina. Viene eseguito quando la pagina Web viene caricata in un browser. Nota i simboli di due staffa sotto la prima riga di codice.

7

Aggiungere il codice tra i simboli di due staffa:

Linee 1-5

System.Data.DataTable dataSourceTable = nuovo System.Data.DataTable();

dataSourceTable.Columns.Add (nuovo System.Data.DataColumn ("Modello", String.Class.ToType;

dataSourceTable.Columns.Add (nuovo System.Data.DataColumn ("Fare", String.Class.ToType;

dataSourceTable.Columns.Add (nuovo System.Data.DataColumn ("Colore", String.Class.ToType;

dataSourceTable.Rows.Add(originalColumnValues);

Linea 6

GridView1.AutoGenerateColumns = false;

Linea 7

GridView1.DataSource = dataSourceTable;

Le prime cinque righe creano un'origine dati contenente tre campi: modello, fanno e colore. Linea sei proprietà "AutoGenerateColumns" di GridView viene impostata su false. Ciò impedisce che il controllo GridView generazione di colonne automaticamente quando si esegue l'associazione a un'origine dati. Linea sette associa il controllo GridView all'origine dati. A questo punto, il controllo GridView non Visualizza colonne.

8

Aggiungere il seguente codice sotto il codice descritto nel passaggio precedente:

/ Linee 8-12

BoundField boundField = nuovo BoundField();

BoundField = "Make";

BoundField = "Ford";

DataControlField dataControlField = boundField;

GridView1.Columns.Add(dataControlField);

Linee 13 = 17

boundField = nuovo BoundField();

BoundField = "Modello";

BoundField = "Mustang";

dataControlField = boundField;

GridView1.Columns.Add(dataControlField);

Linea 18

GridView1;

Otto linee attraverso 12 creano un campo associato. Questo campo fa riferimento il campo "Marca" dell'origine dati. Linea 10 assegna un valore di "Ford" per il campo associato. È possibile effettuare questo valore a qualcosa che ti piace. Questo è il valore che appare nella nuova colonna. Linea 12 aggiunge il campo associato al controllo GridView. Lines13 attraverso 17 creare un altro campo associato. Questo campo associato fa riferimento il campo "Modello" dell'origine dati e imposta il valore di testo su "Mustang". Linea 18 associa il controllo GridView all'origine dati.

9

Premere "F5" per eseguire l'applicazione. Browser Web aprire e visualizzare il controllo GridView e le colonne che hai aggiunto.

Consigli & Avvertenze

• Creare campi associati come molti come volete. Ogni campo associato deve fare riferimento a un campo esistente nell'origine dati. Ad esempio, se l'origine dati è una query SQL che restituisce i campi città, stato e popolazione, è possibile aggiungere uno qualsiasi di questi campi a un controllo GridView utilizzando la tecnica del "campo associato" descritta in questa procedura.