JSF

JSF Dersleri-İnputHidden ve Çoklu CheckBox

Merhabalar. Bu makalemizde JSF içerisinde yer alan etiketlere (tags) giriş yapacağız. Daha önce JSF ile form oluşturma makalesinde bir takım etiketlere değinmiştik. O etiketlere  burada değinmeyeceğiz. Makaleyi okumak isteyenler buradan ulaşabilirler.

Bu makalede inputHidden ve checkbox yapılarını inceleyeceğiz.

INPUTHIDDEN:

InputHidden ile biz bir pop-up işlemi yapabiliriz. Kullanıcıya yaptığı işlem sonunda işlem sonucuna göre açılacak bir ekranla bilgi verebiliriz.

Örnek bir inputHidden yapısı için index.xhtml kodu şu şekilde olabilir:

Bu kodda sadece xhtml sayfası kullanılarak bir pop-up yapısı çıkarılmıştır. Siz managed bean’lerdeki bilgiyi çekerek ya da işlemin sonucuna göre bir değer atıyarak pop-up içeriğine istediğiniz şekli verebilirsiniz.

 Kodumuzun Açıklaması:

Bu kodda bir script yapısı ile pop-up kullanmamızı sağladık. CommanButton nesnesine dikkat ederseniz bir action yapısına sahip değil. Burada action işlevini bizim için onclick yapısı görmektedir ve ekrana yeni bir pencerede bilgi vermektedir.

Ekrana ne bilgi yazılacağı  id ifadesi ile belirlenmektedir. Script  içerisinde yer alan uyari fonksiyonunda bulunan alert  ekrana pop-up yapısının çıkmasını sağladı. document.getElementById ifadesi ise butona tıklandığında hangi formdan ve hangi verinin alınmasını belirleyen yapıdır. Bizim formumuzun id’si form ve ekrana verdirmek istediğimiz mesajın id’si bilgi. Böylece form.bilgi ile form id’li formdan bilgi id’li nesneyi çek demiş olduk. İfadenin sonundaki value ifadesi ise o id’ye sahip nesnenin değerini bize vermektedir.

Butona basıldığında ekran çıktımız şöyle olacaktır.

Ekran Resmi 2014-06-07 20.57.39

 

 

 

 

 

 

 

 

ÇOKLU CHECKBOX

Çoklu checkbox ifadesi ile anlatmak istediğim sayfada istediğiniz kadar checkbox yapısını kullanmanızı sağlamak ve bunu yaparken nesneleri tek tek değil bir dizi ya da liste kullanarak girmektir. Şimdi bir örnek yapalım. Örneğimizde tik koyabildiğimiz checkbox  nesnelerini bir kez elle, bir kez dizi ile, bir kez de liste yapısı ile oluşturalım.

Index.xhtml Kodu:

 

Ilceler.java Kodu:

 

Kodların Açıklaması:

İndex.xhtml sayfasında checkboxlar’ın value kısmına managed bean içinde yer alan dizileri atıyoruz ki seçilen değerler kayıt altına alınsın.

SelectItems kısmındaki value kısımlarına ise eğer dizi kullanıyorsak dizinin değerlerini atadğımız metodu, eğer liste kullanıyorsak  oluşturduğumuz liste nesnesini atamalıyız.

Managed Bean yapısı içerisinde ise  iki dizi ve bir liste tanımladık. Verileri diziden almak istediğimizde dizimizin get ve set metodları dışında dizimize değer atadığımız bir fonksiyon ve dizimizi String tipine çeviren bir metod kullandık.

Verileri eğer listeden almak istersek tanımladığımız listeye elemanlarımızı put metodu ile ekledikten sonra listeyi de String tipine çeviriyoruz. Listeyi static tanımlamamızın ve bir static yapı ile değer ataması yapmamızın nedeni class çağrıldığı anda değerlerin hazır edilip kullanılır hale getirilmesidir.

Bir de ekran çıktımıza bakalım.

Ekran Resmi 2014-06-07 23.09.28

 

 

 

 

 

 

 

 

 

 

Basitçe inputHidden ve selectManyCheckBox yapıları bu şekilde kullanılıp kullanıcıdan çoklu seçim alabilirsiniz ve pop-up yapısını kullanabilirsiniz.

Bir sonraki yazımızıda selectOneRadio kullanımına değineceğiz. Sağlıcakla esen kalın.