11 Aralık 2016 Pazar

Javascript ile Ajax UpdatePanel Kontrolünü Tetikleme

Javascript ile Ajax UpdatePanel Kontrolünü Tetikleme


 


Merhaba,


Ado.Net üzerinde web formlar ile birlikte gelen ajax teknolojisini takip eden ve update problemi yaşayan kullanıcılar için aşağıdaki seneryoda bir uygulama yapalım.


Bilenler için örnek bilmeyenler için öğrenme vakti.


 


Seneryo :


1 Web sitemiz var.


Ajax Update panel kullanılıyor.


Update panel içerisinde grid nesnemiz var.


Grid Nesnelerinde satırlarca bilgi var ve bu bilgilere basıldığında detayları görüntülenmeli.


Görüntülenen detaylar son kullanıcı tarafından arayüzden detayları güncelleyebilir olmalı.


Sayfa refresh, post pack olmadan tüm işlemleri nasıl yapabilirsiniz ?


 


[php]

<span style=”font-size: small;”><span style=”color: #0000ff;”>protected</span> <span style=”color: #0000ff;”>void</span> UpdatePanel1_Load(<span style=”color: #0000ff;”>object</span> sender, <span style=”color: #2b91af;”>EventArgs</span> e) </span>


<span style=”font-size: small;”> </span></pre>

<blockquote><span style=”font-size: small;”>Baglanti.DataSource = <span style=”color: #0000ff;”><span style=”color: #0000ff;”>new</span></span> <span style=”color: #2b91af;”><span style=”color: #2b91af;”>StockLogic</span></span>(<span style=”color: #0000ff;”><span style=”color: #0000ff;”>base</span></span>.MusteriNo).GetStockList(); </span>

<span style=”font-size: small;”><span style=”font-size: small;”>Baglanti</span>.DataBind(); </span></blockquote>

<pre>

<span style=”font-size: small;”></span>


//Javascript ile tetikleyeceğimiz fonksiyonumuz geri kalan tüm işlevi yapacak<span style=”font-size: small;”>__doPostBack()

//Fonksiyonu kullandığımızda sayfanın render işlemi yapılmasını engelleyerek bir önceki renderı geçerli kılar.</span>


<span style=”font-size: small;”><span style=”color: #0000ff;”>function</span> OnClientClose() </span></pre>

<blockquote>

<span style=”font-size: small;”>__doPostBack(<span style=”color: #a31515;”><span style=”color: #a31515;”>’UpdatePanel1′</span></span>, <span style=”color: #a31515;”><span style=”color: #a31515;”>”</span></span>); </span></blockquote>

<blockquote>

<span style=”font-size: small;”><span style=”color: #0000ff;”><span style=”color: #0000ff;”>return</span></span> <span style=”color: #0000ff;”><span style=”color: #0000ff;”>false</span></span>; </span></blockquote>

<pre>

<span style=”font-size: small;”> </span>


<span style=”font-size: small;”>[/php]

Böylece sayfamız yeniden postpack olmadan istediğimiz verileri client tarafından gösterdik.Update paneli içerisinde javascript kod kullanarak güncellenmesini işledik

Web form üzerinde en çok işe yaracak kodlardan birini daha sizlerle paylaştım.Bir sonraki makalemizde görüşmek üzere.


 



Javascript ile Ajax UpdatePanel Kontrolünü Tetikleme

Hiç yorum yok:

Yorum Gönder