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.

 

Ayrıca Buna Bakabilirsiniz

Maximum request length exceeded Çözüm

Maximum request length exceeded Çözüm Exception Details: System.Web.HttpException: Maximum request length exceeded. Stack Trace: [HttpException …

Yorumlar