• 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.


  1. 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.
  2. Kolone: Ako se koristi stil Details, ListView ima zaglavlja kolona i omogućava prikaz više informacija o svakoj stavci.

  3. 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).
  4. 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:
  1. Dodavanje ListView-a na formu:

    • U Toolbox-u pronaći komponentu ListView i prevući je na formu.
  2. Podešavanje svojstava:

    • Kliknuti na ListView na formi.
    • U Properties prozoru podesiti:
      • View: Postaviti na Details za prikaz podataka u obliku tabele (sa kolonama).
      • FullRowSelect: Postaviti na True da bi ceo red mogao da bude selektovan klikom.
      • GridLines: Postaviti na True da bi imali linije između redova i kolona.
  3. 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.

  1. Napravite bazu podataka sa tabelom Proizvodi (kolone: ID, Naziv, Cena).
  2. Povežite aplikaciju sa bazom.
  3. 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:

*******************************

Primer 1: C# ListView- Add Items, Set Selected Row Items To TextBoxes, Clear

*******

Primer 2: C# ListView- Add Items, Set Selected Row Items To TextBoxes, Clear

************************

...

Poslednja izmena: четвртак, 11. децембар 2025, 13:24