Pošto se planirani sadržaj časa podudara sa lekcijama koje već postoje na Internetu, pogledajte objašnjenje na sledećoj web stranici:

 

Proučite materijal sa ove web stranice, proučite i primere na datoj stranici. Na času vežbi radimo samo jedan primer, slično onima na istoj web stranici:

Prvi deo:

Kreirati Windows Forms Aplikaciju pod nazivom RadSaListBoxom i na prvu i jedinu formu prevući jedan listBox iz Toolbox-a. Po želji promeniti boju pozadine i boju slova kroz Property.

Pronađite u Property: Items i u delu sa desne strane (gde piše Collection) klikom na ... se otvara deo gde se može direktno uneti tekst - u redovima se unosi ono što treba da je u redovima ListBox-a. Tu uneti redom: Miki, Mini, Paja, Pluto

Čak i pre pokretanja aplikacije se vidi da se to i nalazi u ListBox-u na formi.

Ako se program pokrene, videćete da se pojedine stavke mogu selektovati.

Drugi deo: Dodavanje redova teksta u listu tokom rada programa

Postaviti TextBox za unošenje novog lika i dugme klojim se inicira unos, kao na slici:

Dvoklikom na dugme se generiše skeleton programskog koda u koji se samo upisuje šta će se desiti ako korisnik klikne na dato dugme:

 listBox1.Items.Add(textBox1.Text);

Ako želite da usput i proverite da li je uneto nešto - da ne biste unosili prazan string,

string novo = textBox1.Text;
if (novo == "")
{
MessageBox.Show("Ništa nije uneseno u blok za unos podataka");
}
else
{
listBox1.Items.Add(novo);
}

Treći deo: Brisanje sadržaja liste - konkretno, u ovom primeru, da se obriše SVE iz liste, i to u toku rada programa

Na vrh postaviti dugme za brisanje svega iz liste, kao na slici:

Dvoklikom na dugme se generiše skeleton programskog koda u koji se samo upisuje šta će se desiti ako korisnik klikne na dato dugme:

listBox1.Items.Clear();

Četvrti deo: Prikaz odabrane stavke

Želimo da se, ako selektujemo jedan red u listBox-u, taj red prikaže u nekoj labeli. 

Dodati labelu i dugme kojim pokrećemo akciju, kao na sledećoj slici:

Labela u koju ćemo da smestimo šta je selektovano se u ovom primeru zove Label2, pa se klikom na dugme treba izvršiti sledeći programski kod:

label2.Text = listBox1.Text; 

Opciono, ako se odabere da može da se istovremeno odabere više stavki:

label2.Text = " ";
foreach(var item in listBox1.SelectedItems)
{
label2.Text += " ";
label2.Text += item;
}

.... 

Peti deo: A šta ako želimo da se automatski ispiše selektovana stavka, bez klika na dugme - REAKCIJA NA DOGAĐAJ

U tom slučaju nam treba događaj koji se generiše prilikom promene selekcije na listBox-u. Taj događaj će se generisati ako uradite dvoklik na listBox (to je jedan od načina )

Prvo postavite labele u koje će se sve to prikazivati, kao na slici:

U ovom primeru je naziv labele u koju će se ispisivati selektovani red iz listBox-a Label4.

Dvoklikom na listBox1 će se generisati događaj SelectedIndexChanged u koji je bitno dodati sledeći deo programskog koda:

label4.Text = listBox1.Text;

Proverite pokretanjem programa da li sve radi onako kako je zamišljeno 😃

Šesti deo:

Pokušajte da pronađete u listi crtani lik koji ste uneli u neku tekstBox

Prvo postavite na formu textBox i labele kojima se prikazuje o čemu se radi kao i dugme na koje treba da se klikne da bi se izvršila tražen aakcija, kao na sledećoj slici:


U ovom primeru se u Label6 upisuje poruka. Korisnik reba da unese ime lika koji traži u tekstBox i da se klikom na dugme u labeli prikaže ako ne postoji a ako postoji da se dati selektuje u listBox-u a u labeli samo da piše da je dati lik nađen.

Dvoklikom na dugme se kreira događaj reakcije na klik, u kojem se dodaje sledeći programski kod:

listBox1.ClearSelected();

int indeks = listBox1.FindString(textBox2.Text);
            // ako ima vraća index a ako nema vraća -1
if (indeks == -1)
{
  label6.Text = "Nema traženog lika u listi";
}
else
{
  listBox1.SelectedIndex = indeks;
  label6.Text = "Pronašli smo lika u listi";
}
textBox2.Clear();
 

Sedmi deo: brisanje iz liste samo onog lika koji je selektovan u listi

Za to treba postaviti dugme, kao na slici:

Dvoklikom na dugme se opet kreira skeleton u koji se samo doda programski kod za funkcionalnost:

  int indeks = listBox1.SelectedIndex;

  if (indeks == -1)
  {       
       MessageBox.Show("Molim odaberite lika kojeg biste da brišete");
  }
  else
  {
       listBox1.Items.RemoveAt(indeks);
  }
 

Poslednji deo zadatka - za one koji su sve uradili i žele da urade i više:

Inspirisano primerom koji postoji na stranici sa lekcijom postavite komponente u koje se upisuje početna cena igračke, listBox u kjem može da se odabere koliki je popust i dugme. Klikom na dugme treba dda se izračuna kolika je cena posle izabranog popusta.

Na formi bi trebalo da izgleda na primer ovako:

Razmislite kako da uradite ovaj deo samostalno 😃

Vaša forma bi trebalo da na kraju izgleda ovako:

Poslednja izmena: понедељак, 3. новембар 2025, 11:08