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，分別用來輸入數字，小寫字母，大寫字母和一些符號。

代碼如下： 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        &nbsp; &nbsp;<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

屬性說明：
      TargetControlID：要設定輸入內容的文字框。
      FilterType：對輸入類型進行設定。有Numbers,lowerCaseLetters,upperCaseLetters和Customer。
      ValidChars：如果在FilterType中設定為Customer，那麼這個屬性中要設定一些你想輸入的內容。

4)按下CTRL+F5，在瀏覽器中查看。