top of page

Asp.Net AJAX Ogreniyorum Serisi 01

  • Writer: Sevdanur GENC
    Sevdanur GENC
  • Feb 4, 2012
  • 3 min read

ScrirtManager ile ScriptManagerProxy Nesneleri Asp.Net AJAX Ogreniyorum Serisi 00'da da bahsettigimiz gibi; Web Uygulamalarimizin icerisinde bulunan tum kontrollerin kullandiklari Scriptleri kontrol edebilen bir nesnedir. Simdi bunlari sirasiyla aciklayalim ve birer basit uygulama gelistirelim.

ScriptManager Nesnesi ;

Asp.Net Ajax uygulamalarimizda en onemli kontrol ScriptManager kontroludur diyebiliriz. Sebebi cok net bir sekilde ortada cunku ScriptManager kontrolumuz uygulamalarimizda ki tum Ajax kontrollerinin yonetimini ve calistirilmasi ile ilgili tum islemleri kendisi ayarlamaktadir. Bunu yapabilmesinde ki esas neden ise, script kutuphanelerinde ki kodlari barindiriyor olmasidir.

Visual Studio'da yeni bir Web Application' i olusturdugunuzda yeni bir Web Form icerisinde bulunan Body kisminin icerisine ScriptManager' i surukleyip biraktiginizda yandaki gibi bir gorunum ortaya cikacaktir.   Ekledigimiz bu kontrolun Properties sekmesinde ki ozelliklerini inceleyecek olursak, EnablePartialRendering ozelliginin true olarak varsayilan degeri ile geldigini goreceksiniz. Bu ozellik, uygulamayi parcali guncellemelerde calisacagini gostermektedir. Aksi durum yani false durumunda ise calismayacagini goruruz. Bir diger onemli ve dikkat etmemiz gereken ozellik ise AsyncPostBackTimeout ozelligidir ki, bu ozellik sayesinde de uygulamamiz icerisinde ki asenkron tum cagirimlarda zaman asimina ugradiginda saniye cinsinden belirtilen bir ozellik olacaktir.

ScriptManagerProxy Nesnesi ;

Web uygulamaniza bir adet ScriptManager kontrolu ekleyebiliriz, fakat bu kontrolu ana sayfa olarak belirttigimiz bir sayfaya ekledigimiz de ve ana sayfa sayensinde uretilmis baska sayfalar olusturuldugunda ScriptManager kontrolumuze bir ozellik eklemek ya da degistirmek istedigimizde ScriptManagerProxy kontrolunu kullanarak olusturdugunuz diger sayfalara ait ayarlar ve yeni eklentiler gelistirebileceksiniz.

Uygulama ;

Simdi dilerseniz basit bir uygulama ile ScriptManager nesnesini inceleyelim... Oncelikle Visual Studio'da yeni bir Web Application projesi baslatalim, ve icerisinde yeni bir Web Form olusturalim. Bu Web form'um design kismina yandaki tools icerisine aktarilmis olan Ajax Extensions arac kutusu vasitasiyla ScriptManager nesnesini design gorunumu icerisinde ki body'nin icerisine surukleyerek birakalim. Bunu yapmamizda ki sebep; bu kontrol tasarim ekraninda tum Ajax kontrollerinin en ustunde olmasi gerekiyor ki uygulama icerisinde ki tum Ajax nesnelerinin scriptlerine ulasabilsin. Uygulamamiz bir saat ornegi olacagi icin uygulamamiza bir adet UpdatePanel surukleyerek birakalim, ki bu nesne sayesinde sayfamiz guncellenebilsin. (UpdatePanel ile ilgili aciklamalar ve gelistirilmis uygulamalar bir sonraki Asp.Net AJAX Ogreniyorum Serisi 02'de olacaktir.) Bu panel icerisine bir adet Label nesnesi ve Button nesnesi ekleyelim.

Yukarida Design kisminda da gordugumuz gibi UpdatePanel icerisine label ve button nesnelerimizi yerlestirmis olduk. Uygulamanin Source ekraninda devam edecek olursak; asagidaki kodlari su sekilde gorebiliriz.    

                  Buradan dilerseniz button nesnesinin text ozelligini ; Sistem Saatini Guncelle... olarak degistirebiliriz. Hemen ardindan da Button nesnemizi tikladigimizda bize bir click olayi olusturabilmesi icin tag icerisine onclick ozelligini ekleyerek kod satirimizi asagidaki gibi su sekilde duzenleyebiliriz.

<asp:Button ID="Button1" runat="server" Text="Sistem Saatini Guncelle..." onclick="Button1_Click" />

Bu arada yaptigimiz tum bu source ve design kisimlari .aspx uzantili kod sayfamiz icerisinde bulunmaktadir. Design kismina gelip butonumuzu cift tikladigimizda CS uzantili kod sayfamiz karsimiza gelecektir. Bu event icerisine

Label1.Text = DateTime.Now.ToString();

kodunu yazarak label nesnesinin text ozelligine sistemin o an ki tarih ve de saatini label icerisine aktarmis ve de kullaniciya her butona clicklediginde bu bilgileri body icerisinde yazdirtmis oluyoruz. Ekran ciktisi asagida ki gibidir;

WebForm.Aspx Kaynak Kodu ;

<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <div> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> <asp:Button ID="Button1" runat="server" Text="Sistem Saatini Guncelle..." onclick="Button1_Click" /> </ContentTemplate> </asp:UpdatePanel> </div> </form> </body> </html>

WebForm.Aspx.Cs Kaynak Kodu ;

using System.Web; using System.Web.UI; using System.Web.UI.WebControls; namespace WebApplication1 { public partial class WebForm7 : System.Web.UI.Page { protected void Button1_Click(object sender, EventArgs e) { Label1.Text = DateTime.Now.ToString(); } } } Sirada ki ilgili makale icin ; Asp.Net Ajax Ogreniyorum Serisi 02 ; https://sevdanurgenc.com/archives/1530

Recent Posts

See All
Ado.Net Entity Framework Ogreniyorum Serisi 00

Ado.Net Entity Framework (EF) verileri ile etkilesim uygulamalari gelistirmek icin kullanilan Ado.Net nesne iliskisel modelleme yazilimi olarak iliskisel veritabani semalarini ve nesneler arasinda ki

 
 
 
LINQ Ogreniyorum Serisi 05

Linq To Sql’de tablolarimizdaki verileri silebilmemiz icin; DataContext icerisinde ki DeleteOnSubmit ve DeleteAllOnSubmit metodlari kullanilmaktadir. Beraberinde SubmitChanges metodu da kodlari eklen

 
 
 
LINQ Ogreniyorum Serisi 04

Linq To Sql’de tablolarimiza verileri guncelleyebilmemiz icin; DataContext icerisinde ki SubmitChanges metodu kullanilmaktadir. Bu komutlari kullanarak DataContext sinifinin yapisina da ihtiyac duyu

 
 
 

Comments


©2035 by Sevdanur Genc. Powered and secured by Wix

bottom of page