Ajax takvim aracı kullanımı

Ajax’ın getirdiği kolaylıkları saymak bitmez. Ücretli, ücretsiz bir çok ajax aracı ile karşılamışsınız dır. Ücretsiz olarak sık kullanılan eklentilerden bir tanesi de takvim(Calendar) aracı. Sağ da solda bir çok örneğini gördüğünüz aracın yapılışı ajax ile çocuk oyuncağı.

Resimdeki gibi mause ile Textbox’ın üzerine gelindiğinde takvim aracını gösteren uygulamayı yapmak için bir adet textbox, scriptmanager ve bir adet CalendarExtender toolkit’i kullanmanız gerekir.

[stextbox id=”info”]Ajax kontrollerin de sorun yaşayanlar için bu bağlantı daki yazıya göz atmakta fayda bulacaktır. [/stextbox]

İlk önce form içerisine textbox’ı fırlatın name özelliğini txttarih olarak değiştirin. Ardından ajax’ın sayfamızda çalışması için scriptmanager’ı textbox’ın üstüne ekleyin. Son olarak  CalendarExtender’ı scriptmanager ile textbox arasına ekleyin.

1
2
3
4
5
6
7
8
 <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <asp:CalendarExtender ID="CalendarExtender1" runat="server" Enabled="True"
        TargetControlID="txttarih">
    </asp:CalendarExtender>
    <asp:TextBox ID="txttarih" runat="server"></asp:TextBox>
    </form>

Kod olarak benzer bu şekilde yazılımsal görüntü alacaksınız. Calendar’ı ekledikten sonra son olarak özelliklerinden TargetControlID özelliğine txttarih olarak yazın.(Bunu kod kısmında da yapabilirsiniz.) İşlem bu kadar…

[stextbox id=”info”]Yukarıdaki kodları copy-paste yaparsanız muhtemelen çalışmayacaktır. Çünkü ajax kütüphanelerini projenize eklemeniz gerekmektedir. Bunun için öncelikle Ajax Control Toolkit’i projenize referans verip ardından Toolbox’dan ilgili araçları sürükleyip bırakarak yapmalısınız. [/stextbox]

Ajax takvimi hakkında daha fazla bilgiye buradan ulaşabilirsiniz.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir