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

现象如下图：