opcija 1: ListView
- Koristi se za prikaz liste stavki kojima mogu da budu pridružene i odgovarajuće ikone.
- Omogućava da se stavke prikazuju na jedan od četiri različita načina:
- prikaz teksta sa velikim ikonama,
- prikaz teksta sa malim ikonama,
- prikaz vertikalne liste,
- prikaz detalja.
- To se postiže izborom odgovarajuće opcije u svojstvu View kontrole ListView.
Stavke ListView kontrole su objekti klase ListViewItem.
Najlakši način dodavanja stavki u listu je klik na Items svojstvo u property prozoru naše ListView kontrole. Kada se definiše stavka liste potrebno je pored njenog naziva definisati i podstavke što se čini izborom opcije SubItems za konkretni ListViewItem objekat.
-
Prikaz podataka: Može da prikaže podatke u obliku:
- Detalja (Details) – Kao tabela sa kolonama.
- Liste (List) – Jednostavna lista sa tekstom (bez dodatnih detalja).
- Ikona (LargeIcon i SmallIcon) – Prikaz sa slikama i tekstom.
- Tile – Slično ikonama, ali sa dodatnim informacijama.
-
Kolone: Ako se koristi stil Details, ListView ima zaglavlja kolona i omogućava prikaz više informacija o svakoj stavci.
- Redovi: Svaka stavka koju dodate u ListView je jedan red. Stavka može da ima dodatne informacije u kolonama (tzv. pod-stavke, SubItems). Drugim rečima, svaka stavka (
ListViewItem) može imati tekst, sliku i dodatne informacije kroz podstavke (SubItems). - Interakcija: Korisnik može da odabere stavke klikom, što omogućava rad sa tim podacima (npr. brisanje ili prikaz dodatnih informacija).
Vežba - prikaz podataka iz tabele u bazi:
-
Dodavanje ListView-a na formu:
- U Toolbox-u pronaći komponentu
ListViewi prevući je na formu.
- U Toolbox-u pronaći komponentu
-
Podešavanje svojstava:
- Kliknuti na ListView na formi.
- U Properties prozoru podesiti:
- View: Postaviti na
Detailsza prikaz podataka u obliku tabele (sa kolonama). - FullRowSelect: Postaviti na
Trueda bi ceo red mogao da bude selektovan klikom. - GridLines: Postaviti na
Trueda bi imali linije između redova i kolona.
- View: Postaviti na
-
Dodavanje kolona:
- Desni klik na ListView → Edit Columns.
- Dodajte kolone i unesite njihove nazive (ID, Ime, Cena).
- Postavite širinu kolona prema potrebama.
**********************************
Kako se vrši dodavanje podataka u ListView iz baze podataka: Prikaz proizvoda
Recimo da treba prikazati podatke iz baze podataka u kojoj se nalazi tabela Proizvodi, sa kolonama ID, Naziv, i Cena. Ti podaci treba da se prikažu u komponenti ListView.
- Napravite bazu podataka sa tabelom
Proizvodi(kolone:ID,Naziv,Cena). - Povežite aplikaciju sa bazom.
- Učitajte podatke iz baze u ListView.
Konekcija sa bazom: upitrebiti sledeći kod za učitavanje podataka iz baze:
private void UcitajPodatke()
{
// Primer konekcije - prilagodite svoju bazu
string connectionString = "Data Source=.;Initial Catalog=Prodavnica;Integrated Security=True";
string upit = "SELECT ID, Naziv, Cena FROM Proizvodi";
using (SqlConnection konekcija = new SqlConnection(connectionString))
{
SqlCommand komanda = new SqlCommand(upit, konekcija);
connection.Open();
using (SqlDataReader citac = komanda.ExecuteReader())
{
while (citac.Read())
{
ListViewItem stavka = new ListViewItem(citac["ID"].ToString());
stavka.SubItems.Add(citac["Naziv"].ToString());
stavka.SubItems.Add(citac["Cena"].ToString());
listView1.Items.Add(stavka);
}
}
}
}
// nakon ovoga pozovite ovu funkciju u konstruktoru forme ili na dugme
public MainForm()
{
InitializeComponent();
UcitajPodatke();
}
Šta je rezultat?
Nakon što pokrenete aplikaciju, ListView će se popuniti podacima iz baze u formatu:
| ID | Naziv | Cena |
|---|---|---|
| 1 | Laptop | 800 EUR |
| 2 | Telefon | 500 EUR |
| 3 | Monitor | 200 EUR |
Ovde je prikazano kako se radi dodavanje podataka ....
- Svaki red se dodaje kao
ListViewItem. - Kolone u svakom redu se dodaju kao SubItems (dodatne stavke).
Opcioni materijal, za rad kod kuće, ili vežbe, ... u zavisnosti od grupe u kojoj se radi:
Klik za prikaz/sakrivanje Youtube videa - ListView Control | FoxLearn
*******************************
Primer 1: C# ListView- Add Items, Set Selected Row Items To TextBoxes, Clear
Klik za prikaz/sakrivanje Youtube videa
*******
Primer 2: C# ListView- Add Items, Set Selected Row Items To TextBoxes, Clear
Klik za prikaz/sakrivanje Youtube videa
************************
Klik za prikaz/sakrivanje Youtube videa - popunjavanje kontrole ListView sa podacima iz baze
...