Ajax Calender Extender Kullanımı

Nesneleri
TargetControlID=”txt_Takvim” (Calender nesnesinin uygulanacağı textboxidsi)
CssClass=”ClassStyle” (Calender nesnemiz üzerinde kullanmak istediğiniz style böylelikle kendistylinizoluşturabilrisiniz.)
Format=”dd.MM.yyyy” (Kulanmak istediğiniz tarih formatınıoluşturuyorsunuz)
PopupButtonId = “btn_takvim” (Eğer Calenderimizin bir buton vere resmetıklandığında açılmasını istiyorsak bu eventi kullanıcaz istemiyorsak bobırakmamız yeterlidir.)

Örnek
Örneğimizde ben başlangıç ve bitiş tarihleri olarak 2 adettarih formatı alıp bu iki tarih aralarında sql sorgusu yapacağımı varsayımıüzerine oluşturdum bunun için örneğimde 2 adet textbox 2 button ve 2 adet Ajaxcalender extender kullanıcaz. Toolbax menumuzden Ajax Calender Extender’ımızısürekle bırak ile baglantılı olmasını istediğimiz textbox’ımızın üzerinebırakıyoruz.

Oluşturduğumuz AjaxCalender Extender’ın Format ve PopupButtonID’lerini kullanarak oluşturduğumuzimage butona tıklayınca calışmasını ve tarih formatı olarak gün ay yılıkullanmasını sağlıyoruz

<td>

<asp:TextBox ID=“txt_baslangic” Width=“150” runat=“server”></asp:TextBox>

<asp:CalendarExtender ID=“txt_baslangic_CalendarExtender” runat=“server”  TargetControlID=“txt_baslangic” PopupButtonID=“btn_baslangic” Format=“dd.MM.yyyy”>

</asp:CalendarExtender>

</td>

<td>

<asp:ImageButton ID=“btn_bslngc” runat=“server” ImageUrl=“~/Images/Calender.png”/>

</td>

Ve işte sonuç gördüğünüz üzere cok basit bir bir işlem.

Not: Sayfanızda ScriptManager kullanmayı unutmayınız.

Bir Cevap Yazın