AJAX ControlToolkit学习日志-FilteredTextBoxExtender(12)
FilterTextBoxExtender控件是用来对文本框进行过滤的,让文本框只能对设定的值进行输入。输入类型有Numbers,LowerCaseLetters,UpperCaseLetters和Customer。
首先看一个示例:
1)在VS中新建一个ASP.NET AJAX-Enabled Web Project项目工程,命名为FilterTextBoxExtender1。
2)在Default.aspx页面中添加4个Label标签和4个TextBox,分别用来输入数字,小写字母,大写字母和一些符号。
代码如下:
3)然后在页面中对每一个文本框添加一个FilteredTextBoxExtender控件,并设定相应的属性。
代码如下:
属性说明:
TargetControlID:要设定输入内容的文本框。
FilterType:对输入类型进行设定。有Numbers,lowerCaseLetters,upperCaseLetters和Customer。
ValidChars:如果在FilterType中设定为Customer,那么这个属性中要设定一些你想输入的内容。
4)按下CTRL+F5,在浏览器中查看。
首先看一个示例:
1)在VS中新建一个ASP.NET AJAX-Enabled Web Project项目工程,命名为FilterTextBoxExtender1。
2)在Default.aspx页面中添加4个Label标签和4个TextBox,分别用来输入数字,小写字母,大写字母和一些符号。
代码如下:
1 <asp:Label ID="Label1" runat="server" Text="Number"></asp:Label>
2 <asp:TextBox ID="Number" runat="server"></asp:TextBox>
3 <br />
4 <br />
5 <asp:Label ID="Label2" runat="server" Text="LowerCaseLetters"></asp:Label>
6 <asp:TextBox ID="lowerCaseLetters" runat="server"></asp:TextBox>
7 <br />
8 <br />
9 <asp:Label ID="Label3" runat="server" Text="UpperCaseLetters"></asp:Label>
10 <asp:TextBox ID="upperCaseLetters" runat="server"></asp:TextBox>
11 <br />
12 <br />
13 <asp:Label ID="Label4" runat="server" Text="Customer(+-=.)"></asp:Label>
14 <asp:TextBox ID="Customer" runat="server"></asp:TextBox><br />
2 <asp:TextBox ID="Number" runat="server"></asp:TextBox>
3 <br />
4 <br />
5 <asp:Label ID="Label2" runat="server" Text="LowerCaseLetters"></asp:Label>
6 <asp:TextBox ID="lowerCaseLetters" runat="server"></asp:TextBox>
7 <br />
8 <br />
9 <asp:Label ID="Label3" runat="server" Text="UpperCaseLetters"></asp:Label>
10 <asp:TextBox ID="upperCaseLetters" runat="server"></asp:TextBox>
11 <br />
12 <br />
13 <asp:Label ID="Label4" runat="server" Text="Customer(+-=.)"></asp:Label>
14 <asp:TextBox ID="Customer" runat="server"></asp:TextBox><br />
3)然后在页面中对每一个文本框添加一个FilteredTextBoxExtender控件,并设定相应的属性。
代码如下:
1 <cc1:filteredtextboxextender id="FilteredTextBoxExtender1" TargetControlID="Number" FilterType="Numbers" runat="server"></cc1:filteredtextboxextender>
2 <cc1:filteredtextboxextender id="FilteredTextBoxExtender2" TargetControlID="lowerCaseLetters" FilterType="LowercaseLetters" runat="server"></cc1:filteredtextboxextender>
3 <cc1:filteredtextboxextender id="FilteredTextBoxExtender3" TargetControlID="upperCaseLetters" FilterType="UpperCaseLetters" runat="server"></cc1:filteredtextboxextender>
4 <cc1:filteredtextboxextender id="FilteredTextBoxExtender4" TargetControlID="Customer" FilterType="Custom" ValidChars="+-=." runat="server"></cc1:filteredtextboxextender>
5
2 <cc1:filteredtextboxextender id="FilteredTextBoxExtender2" TargetControlID="lowerCaseLetters" FilterType="LowercaseLetters" runat="server"></cc1:filteredtextboxextender>
3 <cc1:filteredtextboxextender id="FilteredTextBoxExtender3" TargetControlID="upperCaseLetters" FilterType="UpperCaseLetters" runat="server"></cc1:filteredtextboxextender>
4 <cc1:filteredtextboxextender id="FilteredTextBoxExtender4" TargetControlID="Customer" FilterType="Custom" ValidChars="+-=." runat="server"></cc1:filteredtextboxextender>
5
属性说明:
TargetControlID:要设定输入内容的文本框。
FilterType:对输入类型进行设定。有Numbers,lowerCaseLetters,upperCaseLetters和Customer。
ValidChars:如果在FilterType中设定为Customer,那么这个属性中要设定一些你想输入的内容。
4)按下CTRL+F5,在浏览器中查看。