Come selezionare un elemento in un menu a tendina e visualizzare i risultati nella casella di riepilogo

September 10

Le caselle di riepilogo e le caselle drop down sono solo alcuni dei controlli si possono trovare in una pagina Web ASP.NET. ASP.NET è linguaggio di sviluppo di Microsoft. Esso consente agli sviluppatori di creare applicazioni Web potenti 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 devono semplicemente fare clic su un menu a tendina e selezionare un elemento da una vasta gamma di scelte. Con l'aggiunta di un gestore di eventi per la vostra casella a discesa, è possibile copiare un valore selezionato in una casella di riepilogo.

istruzione

Aggiungere i controlli al Web Form

1 Avviare Microsoft Visual Studio. Fare clic sul pulsante "File" e poi su "Nuovo sito web."

2 Fai 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 predefinito denominato "Default.aspx" appare nella finestra del codice.

3 Fare clic sul pulsante "Design" alla parte inferiore di quella finestra per passare alla visualizzazione progettazione. Questo punto di vista consente di posizionare i controlli nel form Web utilizzando la Casella degli strumenti.

4 Fai clic su "Visualizza" e quindi fare clic su "Strumenti" per visualizzare la casella degli strumenti. Individuare il controllo "DropDownList" e fare doppio clic su di esso. Apparirà nel modulo Web. Studio nomi visivi IT "DropDownList1". chiamate Microsoft caselle a discesa "DropDownList" in Visual Studio.

5 Ritorna alla casella degli strumenti e fare doppio clic sul controllo "ListBox" per posizionarlo sul modulo. Studio nomi visivi IT "ListBox1". Il controllo "ListBox" è equivalente alla casella di riepilogo che si vede in normale HTML.

modificare il codice

6 Premere il tasto "F7" per visualizzare la finestra di codice C # del form Web.

7 Individuare il metodo di "Load" all'interno di quella finestra del 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");

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

8 Premere il tasto "Shift" + "F7" per tornare alla visualizzazione progettazione.

9 Fare clic con il controllo DropDownList e selezionare "Proprietà" per aprire la finestra "Proprietà". Questa finestra consente di impostare le proprietà e gestori di eventi per la DropDownList.

10 Clicca sul simbolo del fulmine nella parte superiore della finestra "Properties". Fare doppio clic sulla voce "SelectedIndexChanged". La finestra del codice apre e visualizza il metodo che viene eseguito ogni volta che qualcuno seleziona un nuovo elemento nel controllo DropDownList. Sostituire il codice con il seguente codice:

protected void DropDownList1_SelectedIndexChanged (object sender, EventArgs e)

{

stringa selectedItem = DropDownList1.SelectedItem.ToString ();

ListBox1.Items.Add (selectedItem);

}

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

11 Premere il tasto "F5" per eseguire il progetto. Il tuo browser si aprirà e visualizzare la pagina Web.

12 Fare clic sul controllo DropDownList e selezionare una delle voci. La vostra azione farà sì che il codice per eseguire e copiare l'elemento al controllo ListBox.

Consigli e avvertenze

  • Quando si preme "F5" per eseguire il progetto, Visual Studio potrebbe chiedere se si desidera per questo modificare il file "web.config" del progetto. Fai clic su "Sì" se si vede che il messaggio. Ciò consente all'applicazione di funzione utilizzando il web.config di default.