Wie wählen ein Element in einem Dropdown-Feld & Ergebnisse im Listenfeld anzeigen

Listenfelder und Dropdown-Boxen sind nur einige der Steuerelemente können, die Sie auf eine ASP-Webseite finden können. ASP ist Microsofts Programmiersprache. Es erlaubt Entwicklern leistungsfähige Webanwendungen schnell mit der Codierung Visual Studio-Umgebung erstellen. Dropdown-Boxen sind ideale Instrumente für die Darstellung großer Datenmengen in eine kleine Menge an Speicherplatz. Benutzer einfach klicken Sie auf ein Dropdown-Feld und wählen Sie ein Element aus einer Vielzahl von Auswahlmöglichkeiten. Indem Ihr Dropdown-Feld einen Ereignishandler hinzufügen, können Sie einen ausgewählten Wert in einem Listenfeld kopieren.

Anweisungen

Webformular Steuerelemente hinzufügen

1 Starten Sie Microsoft Visual Studio. Klicken Sie auf "Datei" und klicken Sie dann auf "New Website."

2 Klicken Sie "Visual c#", um es zu markieren, und doppelklicken Sie auf "ASP-Website" um ein Website-Projekt zu erstellen. Der Code für eine Standard-Webseite mit dem Namen "Default.aspx" wird im Codefenster angezeigt.

3 Klicken Sie auf "Design", am unteren Rand dieses Fenster, um zur Entwurfsansicht wechseln. In dieser Ansicht können Sie Steuerelemente auf das Web-Formular mithilfe der Toolbox einfügen.

4 Klicken Sie auf "Ansicht" und klicken Sie auf "Toolbox", um die Toolbox anzuzeigen. Suchen Sie das "DropDownList"-Steuerelement, und doppelklicken Sie darauf. Es wird auf dem Web-Formular angezeigt. Visual Studio nennt ihn "DropDownList1." Microsoft fordert Dropdown-Boxen "DropDownLists" in Visual Studio.

5 Zurück zu der Toolbox, und doppelklicken Sie auf das Steuerelement "ListBox" um es auf dem Formular platzieren. Visual Studio nennt ihn "ListBox1." Das Steuerelement "ListBox" entspricht das Listenfeld, das im regulären HTML angezeigt.

Code ändern

6 "F7" drücken um das Webformular C#-Code-Fenster anzeigen.

7 Suchen Sie die "Page_Load"-Methode in das Codefenster. Fügen Sie den folgenden Text innerhalb dieser Methode:

DropDownList1.AutoPostBack = True;

DropDownList1.Items.Add("Item");

DropDownList1.Items.Add("Item");

DropDownList1.Items.Add("Item");

Diese erste Codezeile wird das DropDownList-Steuerelement AutoPostBack-Eigenschaft auf "True." Dies ist wichtig, weil das Steuerelement muss mit dem Webserver zu kommunizieren, jedes Mal, wenn ein Benutzer das Steuerelement ein neues Element auswählt. Die nächsten drei Zeilen hinzufügen neuer Elemente an das DropDownList-Steuerelement.

8 Drücken Sie die "Shift" + "F7" wechseln in die Entwurfsansicht.

9 Maustaste auf das DropDownList-Steuerelement, und wählen Sie "Eigenschaften", um das Fenster "Eigenschaften" zu öffnen. In diesem Fenster können Sie Eigenschaften und Ereignishandler für das DropDownList-Steuerelement festlegen.

10 Klicken Sie das Blitz-Bolzen-Symbol am oberen Rand des Fensters "Eigenschaften". Doppelklicken Sie auf das Element "SelectedIndexChanged". Das Codefenster wird geöffnet und zeigt die Methode, die ausgeführt wird, wenn jemand ein neues Element in das DropDownList-Steuerelement auswählt. Ersetzen Sie diesen Code durch folgenden Code:

protected void DropDownList1_SelectedIndexChanged (Object Sender, EventArgse)

{

SelectedItem Zeichenfolge = DropDownList1.SelectedItem.ToString();

ListBox1.Items.Add(selectedItem);

}

Die Variable mit der Bezeichnung "SelectedItem" enthält des Werts des Elements, das ein Benutzer in das DropDownList-Steuerelement auswählt. Die next-Anweisung wird das ListBox-Steuerelement mit der Methode "Add" dieses Element hinzugefügt.

11 Mit "F5" um das Projekt auszuführen. Ihr Browser wird geöffnet und zeigt die Web-Seite.

12 Klicken Sie auf das DropDownList-Steuerelement, und wählen Sie eines der Elemente. Ihre Aktion bewirkt, dass den Code zum Ausführen und kopieren Sie das Element in das ListBox-Steuerelement.

Tipps & Warnungen

• Drücken auf "F5", führen Sie das Projekt, kann Visual Studio Fragen, möchtest du dafür, das Projekt Datei "web.config" zu ändern. Klicken Sie auf "Ja", wenn diese Meldung angezeigt. Dadurch kann die Anwendung mithilfe der standardmäßigen Datei web.config funktionieren.