Hvordan velge et element i en rullegardin og vise resultatene i listeboksen

August 26

Listebokser og slipp ned boksene er bare noen av kontrollene du kan finne på en ASP.NET webside. ASP.NET er Microsofts utviklingsspråk. Den lar utviklere å lage kraftige web-applikasjoner raskt ved hjelp av Visual Studio kodemiljø. Drop down bokser er ideelle verktøy for visning av store mengder informasjon på en liten plass. Brukere klikker du bare en rullegardinlisten og velg et element fra et bredt spekter av valgmuligheter. Ved å legge en hendelseshåndterer til rullegardinlisten, kan du kopiere en valgt verdi i en listeboks.

Bruksanvisning

Legg Controls til Web Form

1 Start Microsoft Visual Studio. Klikk på "File" -knappen og deretter "Nye nettsider."

2 Klikk på "Visual C #" for å markere det, og dobbeltklikk på "ASP.NET Web Site" for å lage et nettsted prosjekt. Koden for en standard Web-side som heter "default.aspx" vises i kodevinduet.

3 Klikk på "Design" -knappen nederst i vinduet for å bytte til utformingsvisning. Denne visningen lar deg plassere kontrollene på webskjema bruker Toolbox.

4 Klikk på "View" og deretter "Toolbox" for å vise verktøykassen. Finn "Dropdown" kontroll og dobbeltklikk på den. Den vil vises på webskjema. Visual Studio navnene det "DropDownList1." Microsoft kaller drop down bokser "DropDownLists" i Visual Studio.

5 Gå tilbake til verktøykassen, og dobbeltklikk på "ListBox" kontroll for å plassere den på skjemaet. Visual Studio navnene det "ListBox1." Den "ListBox" kontroll tilsvarer listeboksen du ser i vanlig HTML.

endre kode

6 Trykk "F7" for å vise Web-skjemaet C # -kode vinduet.

7 Finn "Page_Load" metode innen den koden vinduet. Lim inn følgende tekst i denne metoden:

DropDownList1.AutoPostBack = true;

DropDownList1.Items.Add ( "Item");

Denne første kodelinje setter Dropdownkontrollens AutoPostBack eiendom til "true". Dette er viktig fordi kontrollen skal kommunisere med webserveren hver gang en bruker velger et nytt element fra kontrollen. De neste tre linjer legge til nye elementer til Dropdown kontroll.

8 Trykk "Shift" + "F7" for å bytte tilbake til utformingsvisning.

9 Høyreklikk Dropdownkontrollen og velg "Properties" for å åpne "Properties" vinduet. Dette vinduet kan du angi egenskaper og event handlers for Dropdown.

10 Klikk på lyn-symbol øverst i "Properties" vinduet. Dobbeltklikk på "SelectedIndexChanged" element. Kodevinduet åpnes og viser metoden som kjører hver gang noen velger et nytt element i Dropdown kontroll. Bytt ut den koden med følgende kode:

beskyttet void DropDownList1_SelectedIndexChanged (objekt avsenderen, EventArgs e)

{

string selectedItem = DropDownList1.SelectedItem.ToString ();

ListBox1.Items.Add (selectedItem);

}

Variabelen kalt "selectedItem" holder verdien av elementet som en bruker velger fra Dropdown kontroll. Den neste setningen legger til at elementet til ListBox kontroll ved hjelp av "Legg til" metoden.

11 Trykk "F5" for å kjøre prosjektet. Nettleseren vil åpne og vise websiden.

12 Klikk på Dropdownkontrollen, og velg ett av elementene. Din handlingen vil føre til at koden til å kjøre og kopiere dette elementet til ListBox kontroll.

Hint

Når du trykker på "F5" for å kjøre prosjektet, kan Visual Studio spørre om du ønsker at den skal endre prosjektets "web.config" filen. Klikk på "Ja" hvis du ser denne meldingen. Dette gjør at din søknad til funksjonen med standard web.config.