Ajax Control Toolkit – FilteredTextbox Extender
Merhaba arkadaşlar bu makalemizde Ajax Filtered Textbox Extender kontrolünün nasıl kullanıldığına göz atacağız.
FilteredTextbox Extender
Açıklama:
FilteredTextBox, kullanıcıların textbox içerisine geçersiz karakter girmelerini engelleyen Atlas kontrolüdür. Örnegin sadece sayısal degerleri girmemiz, yâda sadece küçük harf girmemize izin veren bunun dısındaki karakterleri kabul etmeyen atlas kontrolüdür.
Özellikleri:
· TargetControlID - Filtrelenecek atlas kontrolünün ID'si
· FilterType - Filtreleme tipini belirler (Numbers, LowercaseLetters, UppercaseLetters, ve Custom. Eger Custom Seçilirse ValidChars içerisinde izin verilecek karakterler yazılır)
· ValidChars - Custom Type seçilmisse Geçerli olacak karakterler bura da belirtilir.
Örnek Uygulama:
Numbers , LowercaseLetters , UppercaseLetters , ve Custom özelliklerini daha iyi anlamamız için bir örnek uygulama yapacagız. Visual Studio içerisinde yeni bir atlas projesi olusturalım.
Daha Sonra projemize 4 adet Textbox, 4 adet label ve 4 adet FilteredTextBox kontrolü ekleyelim. 4 filtreleme tipini de bu textboxlarda inceleyecegiz. Benim tasarlamıs oldugum sayfa asagıdaki gibidir.
1. Textbox da Custom Tipi yani bizim belirleyecegimiz karakterleri, 2. textbox da yalnızca küçük harfteki karakterlere, 3. textbox da sadece büyük harfteki karakterlere, 4. textbox da da sadace Numeric degerlere izin veren FilteredTextboxExtender Atlas özellikleri yazacagız.
Custom özellik için yazacagımız FilteredTextboxExtender Özellikleri;
<asp:TextBox ID="txtCustom" runat="server" Font-Names="Verdana" Font-Size="Small"></asp:TextBox> <asp:Label ID="Label1" runat="server" Text="Custom" Font-Bold="True" Font-Names="Verdana" Font-Size="Small"></asp:Label> <cc1:FilteredTextBoxExtender ID="FilteredTextBoxExtender1" runat="server"> <cc1:FilteredTextBoxProperties FilterType="Custom, Numbers" TargetControlID="txtCustom" ValidChars=",." /> </cc1:FilteredTextBoxExtender> |
Burada sadece Numeric degerlere ve "," , "." Karakterlerine izin verilir.
lowercaseLetters özellik için yazacagımız FilteredTextboxExtender Özellikleri;
<asp:TextBox ID="txtKucukHarf" runat="server" Font-Names="Verdana" Font-Size="Small"></asp:TextBox> <asp:Label ID="Label2" runat="server" Text="Küçük Harf" Font-Bold="True" Font-Names="Verdana" Font-Size="Small"></asp:Label> <cc1:FilteredTextBoxExtender ID="FilteredTextBoxExtender2" runat="server"> <cc1:FilteredTextBoxProperties FilterType="lowercaseLetters" TargetControlID="txtKucukHarf" /> </cc1:FilteredTextBoxExtender> |
Burada sadece küçük harf girisine izin verilecek.
UppercaseLetters özellik için yazacagımız FilteredTextboxExtender Özellikleri;
<asp:TextBox ID="txtBuyukHarf" runat="server" Font-Names="Verdana" Font-Size="Small"></asp:TextBox> <asp:Label ID="Label3" runat="server" Text="Büyük Harf" Font-Bold="True" Font-Names="Verdana" Font-Size="Small"></asp:Label> <cc1:FilteredTextBoxExtender ID="FilteredTextBoxExtender3" runat="server"> <cc1:FilteredTextBoxProperties FilterType="UppercaseLetters" TargetControlID="txtBuyukHarf" /> </cc1:FilteredTextBoxExtender> |
Burada sadece büyük harf girisine izin verilecek.
Numbers özellik için yazacagımız FilteredTextboxExtender Özellikleri;
<asp:TextBox ID="txtNumeric" runat="server" Font-Names="Verdana" Font-Size="Small"></asp:TextBox> <asp:Label ID="Label4" runat="server" Text="Numeric" Font-Bold="True" Font-Names="Verdana" Font-Size="Small"></asp:Label> <cc1:FilteredTextBoxExtender ID="FilteredTextBoxExtender4" runat="server"> <cc1:FilteredTextBoxProperties FilterType="Numbers" TargetControlID="txtNumeric" /> </cc1:FilteredTextBoxExtender> |
Burada da sadece Numeric degerlere izin verilecektir. Son olarak projemizi çalıstıralım ve test edelim.
Görüldügü gibi 1. textboxda sadece Numeric degerler ve geçerli kıldıgımız "," ve "." 2. textboxda yalnızca küçük harf 3. textbox da yalnızca büyük harf. 4. textboxda da sadece Numeric degerlere izin verildi.
Bu makalenin de sonuna geldik, baska bir makalede görüsmek üzere basarı ve iyi günler dilerim.
Sem GÖKSU
MCP | MCAD.NET
Örnek Kodlar için mail adresimi kullanabilirsiniz
Kaynaklar
