Ara
Generic filters
Exact matches only
Filter by Custom Post Type
Ana Sayfa / ASP.NET / Javascript ile Ajax UpdatePanel Kontrolünü Tetikleme

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 bknz.

GridView islenmemis olan PageIndexChanging olayini etkinlestirdi

Gridview1 GridView islenmemis olan PageIndexChanging olayini etkinlestirdi. GridView islenmemis olan PageIndexChanging olayini etkinlestirdi. Merhaba arkadaşlar.Gridview …

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir