21 Haziran 2012 Perşembe

ASP.NET AJAX Calender Extender

ASP.NET AJAX ile Calender Extender kontrolü bir çok uygulamada bizlere lazım olan bir componenttir. Visual Studio editörlerinin default olarak verdiği calendar kontrolü sayfa düzeni açısından pek elverişli olamayabiliyor. Ancak AJAX ile Calender Extender olaya biraz daha renk katmış gibi görünüyor. Ben de severek ve beğenerek ASP.NET geliştiricilerine AJAX kontrollerini öneriyorum. Bu konuya takiben açıklayıcı ve küçük bir örnekle sizlere Calender Extender'ı  syntax özellikleri ile birlikte basit bir şekilde açıklayacağım.

Ajax Contol Tool Kit'i bilgisayarımza  http://ajaxcontroltoolkit.codeplex.com/ linkinden indiriyoruz ve Visual Studio editöründen ToolBoxta en alttaki taba sağ tıklayıp Add Tab 'ı tıklıyoruz.


Adding a new tab

Bu taba bir isim verdikten sonra(ben AJAX Control Tool Kit yazdım) sağ tıklayıp "Choose Items..." diyoruz.

Choose items to add to the toolbox

Bir form açılacak ve "Browse" butonunu tıklayıp, yukarıdaki linkten indirdiğimiz dosyanın içinden AjaxControlToolkit.dll  seçiyoruz ve tamam diyoruz. Artık AJAX kontrollerini editörümüze ekledik ve sıra geldi Calender Extender kontrolünün kullanımına... ToolBox'tan AJAX sekmesinde bulunan SriptManager kontrolünü de sayfanızın içinde herhangi bir yere bırakınız. 

NOT:ScriptManager olmadan AJAX kontrolleri çalışmaz. Ve arayüz tarafında görünmez.

<asp:ScriptManager ID="ScriptManager1" runat="server" >
</asp:ScriptManager>

<asp:TextBox 
    ID="TextBox1" 
    runat="server" 
    width="200px" />
<asp:ImageButton 
    ID="imgBtnCalender"
    Width="32" Height="32" 
    runat="server" 
    ImageUrl="~/images/calender.bmp" 
    CausesValidation="False" />
<ajaxToolkit:CalendarExtender 
    ID="CalendarExtender1"
    runat="server" 
    TargetControlID="TextBox1" 
    PopupButtonID="imgBtnCalender" 
    Format="dd/MM/yyyy" />

Calender Extender kontrolünde bizim için en önemli 2 parametre vardır.
  1.  TargetControlID
  2. PopupButtonID
TargetControlID tarihin yazılacağı textbox, PopupButtonID de üzerine tıklandığında takvimin açılmasını sağlayan tetikleyici.

Teşekkürler.

Mansur İŞÇEL

Hiç yorum yok:

Yorum Gönder