Blog

  • 14 Şub 2007

AJAX Calendar Extender

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

Calendar textbox kontollerine uygulanan bir AJAX nesnesidir. Bu bize client-size çalısan kisisellestirilebiln ve fonksiyonel takvim nesnesini sunr. Textboxa tıklandıgında yada baska bir kontrol ile tetiklendiginde popup olarak gösterilir.


Ek olarak ayları ve yılları degistirebilir, baska ay ve yıl tarihleri seçebilirsiniz. Yine Calendar nesnesine sitil verebilir kullanıcıya görsel olarak daha güzel olarak sunabilirsiniz.


Asagıda kullanımı için özellikler verilmistir.


Kullanımı:

TargetControlID="Date1"
CssClass="ClassSem"
Format="MMMM d, yyyy"
PopupButtonID="Image1" />
Özellikleri:


  • TargetControlID - Calendar Objesinin Uygulanacagı Textbox.
  • CssClass - Calendar objesinde kullanılacak Sitilin Adı
  • Format - Görüntülenecek olan Tarih formatı.
  • PopupButtonID - Eger bir buton veya bir image'a tıklandıgında calendarın açılmasını istersek bu özelligi kullanırız. Eger kullanmak istemezsek bu özelligi bos bırakırız.

Örnek:

Evet arkadaslar, nesnemizi ve özelliklerini tanıdıktan sonra artık kontrolümüz ile ilgili örnek yapalım. Ilk olarak bir ajax projesi olusturalım.



Örnegimizde calendar nesnesini 1. textboxa focus oldugunda 2. de ise bir image'e tıklandıgında görüntüleyecegiz. Formumuza 1, script maneger, 2 textbox, 2 Calendar extender 1 image ekleyelim.



Evet benim yapmıs oldugum tasarım yukarıdaki gibidir.


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


Textbox üzerine tıklandıgında;



Image tıklandıgında;



Projemizi çalıstıralım.

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



2. image üzerine tıklıyoruz.


Evet arkadaslar gördügümüz gibi bu islemi de yapmak çok kolay. Ajaxın nimetlerinden yatarlanmaya devam ediyoruz :)

Bu makalenin de sonuna geldik, baska bir makalede görüsmek üzere basarı 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

Yorum (2)

  • pcmuh / 30.12.2010 08:34:10

    merhaba bnm projem webtabanlı etkinlik takvimi(ajandası), visual Studio'daki calender yardımıyla gridview üzerinde etkinlik oluşturma. etkinlik kayıt,düzenleme ve silme işlemleri ajax ile olacak.fakat hazır bileşen kullanılmayacak.örneğin ajax extender veya ajax kontrol toolkit kullanılmadan yapılması isteniyor. Nasıl bir yol izlemem gerekiyor,bu konuda bilgi sahibiolan arkdşlar yardım lütfenn...

  • Çağlar Kurt / 13.1.2017 23:08:52

    hocam ellerinize sağlık günlerdir işin içinden çıkamadım, bu kadar basit olduğunu görmek sevindirici ama öncesinde bu kadar uğraşmak ta beni acayip sinir etti, tekrar ellerinize sağlık

Yorum Yaz