Multiple DWR Call - DWREngine Hook ve Batch Kullanımı

Bazen, ekrandaki bir form alanında bir değişiklik, js tarafında birden fazla işlemi tetikleyebiliyor. Mesela, bir select'ten seçilen değere göre iki farklı combo'yu doldurmak gerekiyor. Ve bu comboların dinamik gelmesi için de server tarafına gitmek gerekiyor.

Bu işlem için DWR uygun görünüyor. Biz de burada DWR kullandık diyelim. Bu sefer de, iki DWR'ı peşpeşe çağırmak gerekiyor. Ya da tek DWR çağırıp her iki select'in opsiyonlarını tek seferde de serverdan çekebiliriz. ilk seçeneği uyguladım ben. Ama beklenmedik bir durumla karşılaştım.

DWR çağrıldığı zaman, kullanıcıya o an işlem yapıldığını dolayısıyla ekrandaki alanları değiştirmemesi gerektiğini belirtecek bir mesaj gösterilmesi gerekiyor, ya da form alanlarını disable yapmak gerekir. Bunu DWR çok pratik bir şekilde sunmuş. DWR çağrıldığı zaman DWREngine içerisindek preHook fonksiyonu çağrılıyor. DWR'dan response döndüğü zaman da postHook fonksiyonu çağrılıyor. Bunun için şu alttaki satırları eklememiz yeterli oluyor:

DWREngine.setPreHook(function() {
$('DWRwaiting').style.visibility = 'visible'; });
DWREngine.setPostHook(function(data) {
$('DWRwaiting').style.visibility = 'hidden'; });

Buradaki DWRwaiting isimli HTML objesi bir DIV. Bu isimli bir DIV oluşturdum ve içine, DWR işlem yaparken kullanıcıya ne gösterilmek isteniyorsa onu koydum. Benim DWRwaiting div'imin içerisinde şunlar var. Örnek olması açısından ekliyorum:

<div id="DWRwaiting" name="DWRwaiting"
style="Z-INDEX:3;LEFT:40px;POSITION:absolute;
TOP:115px;width:950;height:50;
visibility:hidden;background-color:white;filter:
alpha(opacity=60);border:solid 2px #000000;">
<table width=950>
<tr>
<td width=5%> </td>
<td width=5% valign=center> <img src="loading.gif" width="25" height="25"> </td>
<td width=90% align="left" class="loadingMessage">Bilgiler
getiriliyor. Lütfen bekleyiniz ...</td>
</tr>
</table>
</div>

Böylece, bir dwr metodunu çağırdığımda ekranda yukarıdaki div görünüyor, dwr response döndüğünde ise bu div kayboluyor.

Buraya kadar herşey çok güzel, fakat peşpeşe iki tane dwr çağırmışım ve ikisi birbirinden bağımsız iki thread halinde server'a gitmiş. Bu durumda, yukarıdaki DIV mesajı ilk çağrılan dwr metodu ile birlikte görünür oluyor. Ama çağırdığım iki dwr metodundan hangisi önce gelirse, onun postHook fonksiyonu bu DIV mesajını tekrar görünmez yapıyor. Oysa, benim diğer DWR çağrım hala devam ediyor. Bu da kullanıcıyı şaşırtıyor. Beklemesi gerekirken, dwr'ın işlemini bitirdiğini zannedip işlem yapmaya başlıyorlar.

Burada, bir çözüm üretmek için düşünüyordum. Bunun için, html'de, her iki dwr metodunu temsil eden global iki javascript değişkeni koyacak, postHook fonksiyonu içinde her iki değişken de kontrol edip ona göre DIV mesajımı gizleyecektim. Ama tabi ki, böyle bir case'i de DWR düşünmüş. Bunun için DWREngine.beginBatch ve DWREngine.endBatch fonksiyonlarını kullanmak yeterli oluyor.

Örnek vereyim. Bir select değiştiğinde çağrılan fonksiyon XYZFunc fonksiyonu olsun. Önceden;

function XYZFunc(fld){
DWRCode.firstSubCombo(fld.value, fillFirstCombo);
DWRCode.SecondSubCombo(fld.value, fillSecondCombo);
}

bu şekildeydi. Çok basit bir şekilde Batch'i ekliyorum:

function XYZFunc(fld){
DWREngine.beginBatch();
DWRCode.firstSubCombo(fld.value, fillFirstCombo);
DWRCode.SecondSubCombo(fld.value, fillSecondCombo);
DWREngine.endBatch();
}

Böylece, DWR her iki sorguyu birlikte server'a götürüyor. Ve her ikisinin sonucunu alıp response'ları geri getiriyor. iki sorgu arasında bir kopukluk olmuyor ve yukarıda bahsettiğim DIV mesajım doğru zamanda gösterilip doğru zamanda kayboluyor.

Burada dikkat edilmesi gereken ufak bir nokta var. Gönderilen iki ya da daha fazla dwr çağrısı, batch içinde birbirini beklediği için, herhangi bir dwr çağrısının uzun sürmesi ya da takılması durumunda ekranın fazla beklememesi için ya da timeout'a düşmemesi için bu dwr batch'ine bir timeout süresi koymak faydalı olabilir. Buna örneği de DWR'ın kendi sitesinden alayım:

DWREngine.endBatch({ timeout:3000});