Makale Özeti

Merhaba arkadaşlar, bu ajax control toolkit’in nesnelerinden Calendar extender nesnesini ele alacağız. Java script ile çok bizi çok fazla uğraştıran calendar(takvim)’i ajax ile kullanmak artık çok kolay.

Makale

Calendar textbox kontollerine uygulanan bir AJAX nesnesidir. Bu bize client-size çalışan kişiselleştirilebiln ve fonksiyonel takvim nesnesini sunr. Textboxa tıklandığında yada başka bir kontrol ile tetiklendiğinde popup olarak gösterilir.


Ek olarak ayları ve yılları değiştirebilir, başka ay ve yıl tarihleri seçebilirsiniz. Yine Calendar nesnesine sitil verebilir kullanıcıya görsel olarak daha güzel olarak sunabilirsiniz.


Aşağıda kullanımı için özellikler verilmiştir.


Kullanımı:

<ajaxToolkit:Calendar runat="server">TargetControlID="Date1"
CssClass="ClassSem"
Format="MMMM d, yyyy"
PopupButtonID="Image1" />
Özellikleri:


  • TargetControlID – Calendar Objesinin Uygulanacağı Textbox.
  • CssClass – Calendar objesinde kullanılacak Sitilin Adı
  • Format – Görüntülenecek olan Tarih formatı.
  • PopupButtonID – Eğer bir buton veya bir image’a tıklandığında calendarın açılmasını istersek bu özelliği kullanırız. Eğer kullanmak istemezsek bu özelliği boş bırakırız.

Örnek:

Evet arkadaşlar, nesnemizi ve özelliklerini tanıdıktan sonra artık kontrolümüz ile ilgili örnek yapalım. İlk olarak bir ajax projesi oluşturalım.



Örneğimizde calendar nesnesini 1. textboxa focus olduğunda 2. de ise bir image’e tıklandığında görüntüleyeceğiz. Formumuza 1, script maneger, 2 textbox, 2 Calendar extender 1 image ekleyelim.



Evet benim yapmış olduğum tasarım yukarıdaki gibidir.


Şimdi Calendarları görüntülemek için gerekli özellikleri yazalım.


Textbox üzerine tıklandığında;



İmage tıklandığında;



Projemizi çalıştıralım.

1. textbox üzerine tıkladığımızda calendar nesnesi geldi.



2. image üzerine tıklıyoruz.


Evet arkadaşlar gördüğümüz gibi bu işlemi de yapmak çok kolay. Ajaxın nimetlerinden yatarlanmaya devam ediyoruz :)

Bu makalenin de sonuna geldik, başka bir makalede görüşmek üzere başarı ve iyi günler dilerim.

Sem GÖKSU
MCP | MCAD.NET | MCTS

Örnek Kodlar için mail adresimi kullanabilirsiniz

askisem@hotmail.com

Kaynaklar

http://ajax.asp.net