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。
代码如下:
3)在页面上拖放一个ListSearchExtender控件,并设置它的一些属性。
代码如下:
4)按下CTRL+F5,在浏览器中查看效果。
效果图如下:
使用注意事项:
1)该控件可以和ListBox和DropDownList控件联用。
2)在该控件的PromptText中不能输入中文(目前本人未能解决),要是输入中文就会出现一个奇怪的现象。
现象如下图:
下面请看示例:
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 />
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>
2 </cc1:ListSearchExtender>
4)按下CTRL+F5,在浏览器中查看效果。
效果图如下:
使用注意事项:
1)该控件可以和ListBox和DropDownList控件联用。
2)在该控件的PromptText中不能输入中文(目前本人未能解决),要是输入中文就会出现一个奇怪的现象。
现象如下图: