现在的位置: 首页 > 综合 > 正文

AJAX ControlToolkit学习日志-ListSearchExtender(14)

2013年06月26日 ⁄ 综合 ⁄ 共 1135字 ⁄ 字号 评论关闭
      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中不能输入中文(目前本人未能解决),要是输入中文就会出现一个奇怪的现象。

现象如下图:

【上篇】
【下篇】

抱歉!评论已关闭.