mehmetduran.com - Paylaşmak Güzeldir...
Microsoft Ajax $addHandler Metodu ve Örnek Uygulama
Bu yazımda Microsoft Ajax'ta yer alan $addHandler metodunun kullanımından bahsedeceğim ve bunun için hazırladığım basit bir örneği sizlerle paylaşacağım. Bu konuyla ilgili bir önceki yazımda Microsoft Ajax'a giriş yapmış ve basit bir örnek yapmıştık. Şimdi de Jquery'de olduğu gibi istediğimiz elemente istediğimiz eventı yüklemeyi Microsoft Ajax'ta yer alan $addHandler eventı ile yapacağız. Bunu yapmak için yine ScriptManager kontrolünden faydalanacağız. Ayrıca bu örneği açıklamak için güzel bir örnek hazırladım. (Webmethod kullanımı ve loading gif kullanımı.) Şimdi bu metodu nasıl kullanacağımıza ve örneğimize bakalım.

Öncelikle yazacağımız script kodlarımıza ve sayfanın html yapısına bakalım.

    /*Script kodlarımız*/
    <script type="text/javascript">
 
      function pageLoad()
      {
        istek();
 
        $addHandler($get("sonuc"), "click", function(){
         istek();
        });
 
        //veya fonksiyon çağırımı şu şekilde olabilir.
        $addHandler($get("sonuc"), "click", istek);
      }
 
      function istek()
      {
        $get("loading").style.display="block";
        PageMethods.metot(sonuc)
      }
 
      function sonuc(msg)
      {
        $get("sonuc").innerHTML=msg;
        $get("loading").style.display="none";
      }
 
    </script>
 
    /*Html kodlarımız*/
    <form id="form1" runat="server">
      <asp:ScriptManager ID="SM1" EnablePartialRendering="true" EnablePageMethods="true" runat="server" />
      <img id="loading" src="load.gif" style="display:none;position:absolute;">
      <div id="sonuc"></div>
    </form>
 
    /*Server taraflı kodlarımız*/
    [System.Web.Services.WebMethod]
    public static string metot()
    {
      System.Threading.Thread.Sleep(500);
      return "Şu an server saati : " + DateTime.Now.ToString("HH:mm:ss");
    }

Görüldüğü gibi sayfamızda yer alacak olan kodlar bu şekilde. $addHandler eventı ile istediğimiz elemente istediğimiz eventı yükleyebiliyor ve bu event ile çalışacak olan kodları belirleyebiliyoruz. Tıpkı Jquery'de olduğu gibi Microsoft Ajax ile de bu işlemi kolayca yapabiliyoruz. Az kod yazmak isteyenler Microsoft Ajax ile daha fazla kod yazmak isteyenler ise Jquery ile bu işlemleri yapabilirler.

Bu yazı için hazırlamış olduğum örneği buradan görebilir, buradan da indirebilirsiniz.

İyi Çalışmalar.
Mehmet Duran 04 Nisan Cumartesi 2009 0 14516 4,8
Bookmark and Share
Bu Yazıyı Değerlendirin.
Konuyla İlgili Olabilecek Diğer Yazılar Jquery ile LightBox Slayt Uygulaması Asp.net 2.0 - Selçuk Özdemir Microsoft Yaz Okulu 2009 Ankara Ayağı Sona Erdi Object Oriented Javascript (E-Book) jQuery ile Dinamik Alanlar Oluşturma (Scroll Olmadan ve Yatay)
Yorumlar
Yorum Yaz
RSS Yorum Takibi
Bu Yazı Hakkında Henüz Yorum Yapılmamış.
İsim :
Site :
Yorum :

Buradan bu yazıya ait yorumları RSS olarak takip edebilirsiniz.

Bu servis ile yazılara eklenen yorumları RSS ile takip ederek konu ile ilgili başkaları tarafından yapılan yorumları veya konuyla ilgili sorduğunuz sorulara verilen cevapları görebilirsiniz.
Bazı yıkılışlar daha parlak kalkınışların teşvikçisidir.
Bölümler
Yazılar
Arşiv
Arama
Linkler
Site İçi Arama
Son Zamanlarda Ne Yapıyorum ?
İstatistikler - Araçlar - Reklam
İstatistikler
Sayaç
Mehmet Duran | mehmetduran.com | Copyright © 2009