PrimeFaces

PrimeFaces-ListBox ve ManyButton Kullanımı

Merhaba arkadaşlar. Bu yazıda PrimeFaces’da ListBox ve ManyButton bileşenlerinin nasıl kullanıldığını öğreneceğiz. Bir sonraki yazıda da temalar konusunu anlatmaya çalışacağım. PrimeFaces içinde birbirinden güzel ve çok sayıda tema kullanılmak üzere kod yazanlara sunulmuş. O yazıda bu uygulama üzerinden temaları anlatmaya çalışacağım. Şimdi örneğimize bakalım.

Örnek uygulama kodları ve ekran çıktıları şu şekilde:

index.xhtml Kodu

Index sayfamız içinde kullanıcıya 3 soru soruyoruz. Bunlardan 2 tanesini ListBox, 1 tanesini de ManyButton ile yapıyoruz.

Birinci ListBox’ı JSF’den hatırlayacaksınız f:selectItem ile doldurduk ve value bileşenine de Java tarafında seçilen değeri kim tutacak ise onu atıyoruz.

İkinci ListBox ise f:selectItems bileşenine Java tarafından döndürülen liste atanarak dolduruldu ve üstteki ListBox’dan farklı olarak arama özelliğine sahip. Bunu filter=”true” ile sağlıyoruz. filterMatchMode=”contains” ile de girdiğimiz harf ya da harflerin olduğu seçenekler listeleniyor.

Üçüncü bileşenimiz olan ManyButton ile de sorunun cevabının butonlara tıklayarak verilebilmesini sağlıyoruz. Butonlara tıklandığında arka planda onun seçili olduğuna dair bir mesaj iletiliyor ve seçili butonun değeri Java sınıfımızdaki listeye yazılıyor.

Veriler.java Kodu

Java kodumuz içinde daha önce değinmediğimiz bir nokta yok arkadaşlar. @PostConstruct anotasyonunu daha önce öğrenmiştik. Bilmeyenler buraya tıklayarak öğrenebilirler.

Ekran Çıktıları

İkinci ListBox'ın arama kutusuna 'An' yazdığımda tek Android çıkıyor. Seçimlerimi yapıp Gönder'e tıklıyorum.

İkinci ListBox’ın arama kutusuna ‘An’ yazdığımda tek Android çıkıyor. Seçimlerimi yapıp Gönder’e tıklıyorum.

 

 

 

 

 

 

 

 

Seçimlerim listelendi.

Seçimlerim listelendi.

 

 

 

 

 

 

 

 

 

 

 

 

ListBox ve ManyButton’ın kullanımı bu şekilde arkadaşlar. Gelecek yazıda temalar konusunu işleyeceğiz. Sağlıcakla kalın.