Google ın sırları

Google ın sırları ile ilgili enteresan bir yazı .

DynaFaces (Ajax) - Checkbox, radiobutton ögeleri sorununa çare

Checkbox, radiobutton gibi ögeler Visual Web JSF sayfalarında kullanıldığında bu ögeler ilk kez tıklandığında DynaFaces Ajax eylemi çalışmakta ancak 2nci kez tıklandığında çalışmamaktadır.

Bu durum webuijsf (WoodStock-JSF 1.2), ui (JSF 1.1) ve h (html) ögeleri için de geçerlidir.

Problemin yaratılması :
1. Visual JSF projesi yaratınız. (Ben Java EE5 ve dolayısıyla JSF 1.2'yi seçtim).
2. Proje yaratıldıktan sonra açılan Page1.jsf görsel sayfasına bir WoodStock Basic bölümünden bir adet statictext ve bir adet checkbox yerleştiriniz.
3. Projenizin Component Library bölümü üzerine gelip sağ fare butonuna kullanarak DynaFaces Components (0.2)'yi ekleyiniz.
4. Eğer Java EE5 yerine JDK 1.4'ü şeçtiyseniz web.xml dosyasının Faces Servlet kısmı aşağıdaki gibi olmalıdır.

<servlet>
<servlet-name>Faces Servlet</servlet-name>
<servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
<init-param>
<param-name>javax.faces.LIFECYCLE_ID</param-name>
<param-value>com.sun.faces.lifecycle.PARTIAL</param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>

5. DynaFaces paletinden sayfanıza AjaxTransaction'ı sürükleyip bırakınız.

6. CheckBox onclik'e aşağıdaki Java Script kodunu yazınız:


DynaFaces.Tx.fire("ajaxTransaction1", "checkbox1");


7. CheckBox process value change eventi (checkbox üzerine çift tıkladığınızda açılacak olan Java kodu):
public void checkbox1_processValueChange(ValueChangeEvent event)
{
Calendar cal = new GregorianCalendar();
staticText1.setText(cal.getTime());
}

8. checkbox1 üzerinde iken sağ fare butonu ile menüden "Configure Ajax Transactions"ı seçiniz sol üst tarafta checkbox1 olduğundan emin olunuz. Transaction'ın ismi "ajaxTransaction1"dir. "Send Input" kısmını "Yes", "Re-Render" kısmını "No" Yapınız.

9. staticText1 üzerine geliniz, sağ fare butonu ile menüden "Configure Ajax Transactions"ı seçiniz sol üst tarafta staticText1 olduğundan emin olunuz. Transaction'ın ismi "ajaxTransaction1"dir. "Send Input" kısmını "No", "Re-Render" kısmını "Yes" Yapınız.

10. Projenizi çalıştırdığınızda ve Checkbox'a birinci kez tıkladığınızda aşağıdaki gibi görülecektir.

Ancak 2nci kez tıkladığınızda static text te görülmesi istenen zaman bilgisinin değişmediğini ve ilk tıkladığınızdaki tarih ve saatin aynı kaldığını göreceksiniz. Başka bir deyişle tazelenmesi istenen static text alanı tazelenmemektedir.

Çözüm :

1. Visual Web JSF sayfanıza bir buton ekleyiniz.

2. button1 üzerinde iken sağ fare butonu ile menüden "Configure Ajax Transactions"ı seçiniz sol üst tarafta checkbox1 olduğundan emin olunuz. Transaction'ın ismi "ajaxTransaction1"dir. "Send Input" kısmını "Yes", "Re-Render" kısmını "No" Yapınız. (button1'i checkbox1 ile aynı yaptık).
3. button1 action eventi (button1 üzerine çift tıkladığınızda açılacak olan Java kodu):
public void button1_action()
{
Calendar cal = new GregorianCalendar();
staticText1.setText(cal.getTime());
}

4. button1 visible özelliğini false yapınız.