AJAX FilteredTextBoxExtender Kullanımı
FilteredTextBoxExtender sayfalarımızda kullanacağımız TextBox lara sadece sayı, harf (Büyük veya Küçük) veya özel işaretlerden istedikleriniz(+,/&%^’@.) gibi bir giriş formatı oluşturmak istiyorsanız bu işlemi hızlı ve kolay bir şekilde yapmamızı sağlıyor.
Peki FilteredTextBoxExtender nasıl kullanılır hemen basit bir örnek ile açıklayalım. İlk olarak sayfamıza bir ScriptManager ekliyoruz daha sonra kontrol edeceğimiz TextBox’ı ve bir FilteredTextBoxExtender ekliyoruz. Şimdi FilteredTextBoxExtender kontrolünün birkaç özelliğini kullanacağız
1-TargetControlID: kontrol edeceğimiz textbox’ın ID’si
2-FilterType: Girilecek olan karakter türü bunlar; Sayı (Numbers), Küçük Harf(LowercaseLetters),Büyük Harf (UppercaseLetters) ve Özel(Custom) seçenekleri olabilir
3-ValidChars: Eğer FilterType özelliğine Custom eklediyseniz ValidChars alanında izin verilen karakterleri yazmanız gerekli.
Örneğimiz
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>www.aspnetornekleri.com</title> </head> <body> <form id="form1" runat="server"> <div> Sadece Sayı <br /> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><asp:FilteredTextBoxExtender ID="FilteredTextBoxExtender1" runat="server" FilterType="Numbers" TargetControlID="TextBox1"> </asp:FilteredTextBoxExtender> <br /> <hr /> Sadece Harf <br /> <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox><asp:FilteredTextBoxExtender ID="FilteredTextBoxExtender2" runat="server" FilterType="LowercaseLetters,UppercaseLetters" TargetControlID="TextBox2"> </asp:FilteredTextBoxExtender> <br /> <hr /> Sadece Küçük Harf <br /> <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox><asp:FilteredTextBoxExtender ID="FilteredTextBoxExtender3" runat="server" FilterType="LowercaseLetters" TargetControlID="TextBox3"> </asp:FilteredTextBoxExtender> <br /> <hr /> Sadece Büyük Harf <br /> <asp:TextBox ID="TextBox4" runat="server"></asp:TextBox><asp:FilteredTextBoxExtender ID="FilteredTextBoxExtender4" runat="server" FilterType="UppercaseLetters" TargetControlID="TextBox4"> </asp:FilteredTextBoxExtender> <br /> <hr /> Özel Karakter (+.,@) <br /> <asp:TextBox ID="TextBox5" runat="server"></asp:TextBox><asp:FilteredTextBoxExtender ID="FilteredTextBoxExtender5" runat="server" FilterType="Custom" ValidChars="+.,@" TargetControlID="TextBox5"> </asp:FilteredTextBoxExtender> <br /> <hr /> Karışık Sadece Büyük Harf ve @+- işaretleri <br /> <asp:TextBox ID="TextBox6" runat="server"></asp:TextBox><asp:FilteredTextBoxExtender ID="FilteredTextBoxExtender6" runat="server" FilterType="Custom,UppercaseLetters" ValidChars="+-@" TargetControlID="TextBox6"> </asp:FilteredTextBoxExtender> <br /> <hr /> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <br /> </div> </form> </body> </html>
Çok teşekkürler yararlı bir paylaşım.
rica ederim iyi çalışmalar…