AJAX ControlToolkit學習日誌-ListSearchExtender(14)

      ListSearchExtender控制項用於對列表中的內容進行快速搜尋定位。適合於ListBox和DropDownList控制項。

下面請看樣本：

1)在VS2005中建立ASP.NET AJAX-Enabled Web Project工程項目，命名為ListSearchExtender1。

2)在Default.aspx頁面中拖放一個ListBox控制項和SqlDataSource。並對SqlDataSource進行配置，使用Northiwind中的Products中的ProductName欄位。並把ListBox的DataSourceID設為SqlDataSouce1。

代碼如下：1        <br />
2        <asp:ListBox ID="ListBox1" runat="server" DataSourceID="SqlDataSource1" DataTextField="ProductName" Width="250px"></asp:ListBox><br />
3        <br />
4        <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"
5            SelectCommand="SELECT [ProductName], [ProductID] FROM [Alphabetical list of products] order by ProductName asc"></asp:SqlDataSource>
6        <br />

3)在頁面上拖放一個ListSearchExtender控制項，並設定它的一些屬性。

代碼如下：1        <cc1:ListSearchExtender ID="ListSearchExtender1" TargetControlID="ListBox1" PromptCssClass="ListSearchExtenderPrompt"  PromptText="input letters" runat="server">
2        </cc1:ListSearchExtender>

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

如下：

使用注意事項：
1)該控制項可以和ListBox和DropDownList控制項聯用。
2)在該控制項的PromptText中不能輸入中文(目前本人未能解決)，要是輸入中文就會出現一個奇怪的現象。

現象如：