Innhold
DataGridViews bringer kraften til tabeller til .NET Winforms applikasjoner. Tabeller, bestående av rader og kolonner, er nyttige kontroller som tillater utviklere å vise komplekse relasjonsdata i et lite mellomrom. DataGridView-tabeller, i motsetning til HTML-tabeller, tillater brukere å redigere og til og med slette data som er i den underliggende datakilden. For å legge til denne funksjonaliteten i DataGridView, aktiver du kontrollknappene "Slett". Dermed vil DataGridView inneholde en knapp for hver rad i kontrollen.
retninger
Bruke Visual Basic (laptop 9 bilde av Harvey Hudson fra Fotolia.com)-
Åpne Visual Studio, klikk "File" og deretter "Project." Klikk "Visual C #" for å velge den og dobbeltklikk på "Windows Forms Applications"; Visual Studio lager et nytt prosjekt og legger filene dine i Solution Navigator-vinduet.
-
Klikk på "Vis", og klikk deretter "Verktøykasse" for å få vinduet ditt til å vises. Bla gjennom listen over kontroller og dobbeltklikk på "DataGridView"; Visual Studio vil plassere en ny DataGridView kalt "dataGridView1" i det nye skjemaet som vises i menyprosjektvinduet.
-
Dobbeltklikk på tittellinjen på skjemaet. Kodevinduet åpnes og viser "Form'_Load" -metoden i skjemaet. Denne metoden har ingen kode. Lim inn følgende kode i denne metoden:
System.Data.DataTable dataTable = nytt System.Data.DataTable (); dataTable.Columns.Add (new DataColumn ("Color", typeof (string))); dataTable.Columns.Add (new DataColumn ("Size", typeof (string)));
/ Legg til sletteknapp / DataGridViewButtonColumn deleteButton = ny DataGridViewButtonColumn (); deleteButton.HeaderText = "Slett dette"; dataGridView1.Columns.Add (deleteButton);
dataTable.Rows.Add (ny streng [] {"Red", "Large"}); dataTable.Rows.Add (ny streng [] {"Blue", "Small"}); this.dataGridView1.DataSource = dataTable;
De tre første radene vil opprette en datatabell og legge til to kolonner til den. De tre linjene under kommentaravsnittet, som leser "Legg til sletteknapp", vil opprette "Slett" -knappene dine. Endre "Slett dette" for alt du vil ha. Dette er teksten som vil vises i knappens kolonneoverskrift. De tre siste linjene vil legge til to rader med data til datatabellen.
-
Gå til toppen av kodevinduet og legg til følgende linje med kode:
bruker System.Data;
Dette bør være den første linjen med kode i kodevinduet. Denne linjen vil gjøre System.Data-klassene tilgjengelige for bruk på skjemaet.
-
Trykk "F7" for å vise skjemaet i kodevinduet. Klikk på DataGridView-kontrollen på skjemaet og trykk "F4" for å åpne Egenskaper-vinduet.
-
Klikk på "Hendelser" -knappen øverst i dette vinduet, og dobbeltklikk deretter på "CellContentClick" -hendelsen. Kodevinduet åpnes og viser metoden som heter "dataGridView1_CellContentClick." Denne metoden utføres når en bruker klikker en celle i DataGridView. Lim inn følgende kode i denne metoden:
hvis (dataGridView1.Columns [e.ColumnIndex] er DataGridViewButtonColumn && e.RowIndex! = -1) 2 dataGridView1.Rows.RemoveAt (e.RowIndex); }
Koden vil sjekke e.RowIndex-egenskapen. Denne egenskapen inneholder radnummeret til "Slett" -knappen som vil bli klikket av brukeren. For eksempel, hvis en bruker klikker på "Slett" -knappen på den andre raden i DataGridView, vil e.RowIndex-eiendommen inneholde denne verdien. Denne linjen vil bli slettet med "RemoveAt." Metoden.
-
Trykk "F5" for å kjøre prosjektet og se skjemaet. DataGridView vil bli vist og vil vise to rader og to kolonner med data. En sletteknapp vises i begynnelsen av hver linje.
-
Klikk på "Slett" -knappen ved siden av en av linjene. Koden vil bli utført og linjen vil bli slettet.
tips
- For å fjerne knappene "Slett" fjerner du de tre kodelinjene som er oppført i delen "Legg til sletteknapp" i koden. Når du kjører prosjektet igjen, vises ikke knappene i DataGridView-kontrollen.