ScriptManager | Alperdotnet's Web Log
AspDotNet ve Ajax
Filed under: AspDotNet — alperdotnet @ 6:49 pm
Tags: Ajax, asp.net, Asp.netAjax, AspDoNet, AsyncPostBackTrigger, ScriptManager, UpdatePanel, UpdateProgress
Adresinden indireceğiniz Toolkit ve Extension paketlerini kurduktan sonra Ajax kullanıma başlayabiliriz.
İlk önce yapacağımız yeni bir websitesi oluşturmak fakat My Templates bölümünden AJAX Control Toolkit Web Site ‘ı seçmeliyiz ki bu bize çok büyük yarar sağlayacaktır. Seçtiğimiz Template’imizi oluşturduktan sonrasında Default.aspx sayfamıza geliyoruz. Burada şu şekilde bir kod olacaktır ki bu yine <div></div> arasında olması gerekmektedir.
Hemen bunun altına deneme olarak yaptığımız Update Panel kodumuzu yerleştiriyoruz.
<img src=”images/ajaxloading.gif” alt=”Loading Image” />
Elbette ki bu ajaxloading.gif’i istediğiniz şekilde bir loading imajı ile değiştirebilirsiniz. Sonrasında sorgumuzu yapmak için ekleyeceğimiz UpdatePanel’imiz olacaktır.
<asp:AsyncPostBackTrigger ControlID=”Button1″ EventName=”Click” />
<asp:Label ID=”Label1″ runat=”server” Text=””>
<asp:Button ID=”Button1″ runat=”server” Text=”Uygula” />
Şimdi bu kısmı açıklamak gerekir ise Ajax extension’ı ile gelen script’lerimizi kontrol etmemiz için bir update panel’imiz vardır. Bu update panelimizin Trigger Bölümünde gördüğünüz üzere AsyncPostBackTrigger alt element’inin ControlID’si Button1 ‘i göstermektedir ve EventName’i ise Click’dir. Burada yapılan işlem sorguyu sayfayı yeniden başlatmadan Ajax’ın innerhtml yöntemi ile otomatik olarak uygulaması demektir. Şimdi objemizi incelemeye devam edersek her control objelerinde görülen contenttemplate kısmı vardır ki burada html ve asp controller’ını rahatça kullanbilemekteyiz.
Codebehing kısmına gelecek olursak orada normal olarak yaptığımız gibi Button1 objemizin Event’ı olan Click’i seçtikten sonra ki kodlarımız şu şekilde olacaktır:
Label1.Text = “Ajax Yüklenmiştir.”
Gördüğünüz üzere herhangi bir sorun olmadan kurulumunu yaptığınız AJAX artık AspDotNet’imiz de rahat rahat çalışmaktadır. Önümüzde ki günler de size Ajax ile çok daha fazla yapılabilen örnekler sunacağımdır.