Come selezionare un elemento in una casella di riepilogo a discesa & visualizzare i risultati nella casella di riepilogo

October 9

Caselle di riepilogo e caselle a discesa sono solo alcuni dei controlli che si possono trovare su una pagina web ASP.NET. ASP.NET è il linguaggio di sviluppo di Microsoft. Esso consente agli sviluppatori di creare potenti applicazioni Web rapidamente utilizzando l'ambiente di codifica di Visual Studio. Caselle a discesa sono strumenti ideali per la visualizzazione di grandi quantità di informazioni in una piccola quantità di spazio. Gli utenti semplicemente fare clic su una casella di riepilogo a discesa e selezionare un elemento da una vasta gamma di scelte. Aggiungendo un gestore eventi alla tua casella di riepilogo a discesa, è possibile copiare un valore selezionato in una casella di riepilogo.

Istruzioni

Aggiungere controlli Web Form

1

Avviare Microsoft Visual Studio. Fare clic sul pulsante "File" e quindi fare clic su "Nuovo sito".

2

Fare clic su "Visual c#" per evidenziarlo e fare doppio clic su "ASP.NET Web Site" per creare un progetto di sito Web. Il codice per una pagina Web predefinita denominata "Default. aspx" viene visualizzato nella finestra del codice.

3

Fare clic sul pulsante "Design" nella parte inferiore della finestra per passare alla visualizzazione progettazione. Questa visualizzazione consente di posizionare i controlli nel form Web utilizzando la casella degli strumenti.

4

Fare clic su "Visualizza" e quindi fare clic su "Strumenti" per visualizzare la casella degli strumenti. Individuare il controllo "DropDownList" e fare doppio clic su esso. Apparirà il modulo Web. Visual Studio lo nomina "DropDownList1." Chiamate di Microsoft è discesa da scatole "DropDownLists" in Visual Studio.

5

Tornare alla casella degli strumenti e fare doppio clic sul controllo "ListBox" per inserirlo nel modulo. Visual Studio lo nomina "ListBox1." Il controllo "ListBox" equivale alla casella di riepilogo che vedete in formato HTML standard.

Modificare il codice

6

Premere "F7" per visualizzare la finestra del form Web c# codice.

7

Individuare il metodo di "Page_Load" all'interno di quella finestra di codice. Incollare il seguente testo all'interno di tale metodo:

DropDownList1.AutoPostBack = true;

DropDownList1.Items.Add("Item");

DropDownList1.Items.Add("Item");

DropDownList1.Items.Add("Item");

La prima riga di codice imposta la proprietà AutoPostBack del controllo DropDownList su "true". Questo è importante perché il controllo deve comunicare con il server web ogni volta che un utente seleziona un nuovo elemento da controllare. Le tre righe aggiungere nuovi elementi al controllo DropDownList.

8

Premere "Shift" + "F7" per passare nuovamente alla visualizzazione progettazione.

9

Pulsante destro del mouse sul controllo DropDownList e seleziona "Proprietà" per aprire la finestra "Proprietà". Questa finestra consente di impostare le proprietà e i gestori di eventi per il controllo DropDownList.

10

Fare clic sul simbolo del bullone di lampo nella parte superiore della finestra "Proprietà". Doppio clic sull'elemento "SelectedIndexChanged". La finestra di codice apre e visualizza il metodo che viene eseguito ogni volta che qualcuno seleziona un nuovo elemento nel controllo DropDownList. Sostituire tale codice con il codice riportato di seguito:

protected void DropDownList1_SelectedIndexChanged (object sender, EventArgs e)

{

String selectedItem = DropDownList1.SelectedItem.ToString();

ListBox1.Items.Add(selectedItem);

}

La variabile denominata "selectedItem" contiene il valore dell'elemento selezionato da un utente dal controllo DropDownList. L'istruzione successiva aggiunge tale elemento al controllo ListBox utilizzando il metodo "Add".

11

Premere "F5" per eseguire il progetto. Il tuo browser per aprire e visualizzare la pagina Web.

12

Fare clic sul controllo DropDownList e selezionare uno degli elementi. La vostra azione causerà il codice eseguire e copiare tale elemento nel controllo ListBox.

Consigli & Avvertenze

  • Quando si preme "F5" per eseguire il progetto, Visual Studio potrebbe chiedere se si desidera per poter modificare il file "Web. config" del progetto. Fare clic su "Sì" Se vedete quel messaggio. Questo consente all'applicazione di funzionare utilizzando Web. config predefinito.

Articoli Correlati