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中不能输入中文(目前本人未能解决)，要是输入中文就会出现一个奇怪的现象。

现象如下图：