Telerik RadSearchBox学习总结

本文介绍如何使用RadSearchBox控件创建简单的搜索框。包括拖拽控件到页面、设置数据源、配置按钮功能及利用服务器端事件进行复杂操作等步骤。还详细解释了控件的各种事件,如OnSearch、OnButtonCommand和OnDataSourceSelect。

164117663.png

创建简单的RadSearchBox

1. 从工具箱拖动一个RadSearchBox到您的网页

164315564.png

2. 选择所需的数据源,使用“ 选择数据源字段。

164328947.png

3. 设置DataTextFieldDataValueField则根据你的数据源字段

4. 选择所需的过滤器,MaxFilterLengthMaxResultCountEmptyMessage,将最适合您的方案。

164340609.png

按钮集合

RadSearchBox实现了一个额外的自定义按钮,里面的按钮集合。

这些按钮中的每一个具有以下内置特性:

·按钮的CommandName -持有的命令名称。

·CommandArgument -持有按钮的命令参数。

·的位置-设置的位置相对于输入元件的图像按钮。它有两个可能的值:左和右。默认值是向左的。

·IMAGEURL-将被加载在按钮的图像的URL

·AlternateText-没有加载的情况下,图像将显示的文本

164421715.png

代码:

164432109.png

服务器端事件

RadSearchBox支持服务器端的事件,让你应对复杂的行动,在服务器的数量。

·OnSearch

点击搜索按钮时,按下回车键,或一个项目,点击下拉特搜OnSearch事件引发。

事件处理程序接收两个参数:

1.触发事件的搜索盒的实例

2.事件参数包含以下属性:

oText -返回特搜将键入的文本或文本选定结果项目。

oValue -返回的值的选择的结果的产品。

oDataItem -返回的数据项,是与所选择的结果产品


·OnButtonCommand

图像按钮被点击时,会引发OnButtonCommand事件。

事件处理程序接收两个参数:

触发事件的搜索盒的实例

事件参数包含以下属性:

CommandName -返回命令名。

CommandArgument -返回命令参数


·OnDataSourceSelect

事件引发OnDataSourceSelect结果之前项目要求从底层的数据源,提供的能力来修改参数的要求。例如SqlDataSource控件,用户可以修改了SelectCommand和实施对SQL Server的直接过滤。

事件处理程序接收两个参数:

1.触发事件的搜索盒的实例

2.事件参数包含以下属性:

oDataSource -返回一个引用的DataSource控件。

oFilterString -返回特搜将键入的文本。

oSelectedContextItem -返回选定的上下文项在SearchContext


事件举例



Telerik RadSearchBox能够编写文本输入字段中的一个可选的自动完成功能或搜索的文字写在平原的结果。物业控制“EnableAutoComplete”启用或禁用自动完成功能

不然,网页会弹出DataSource  not  set”消息提示。

如果禁用的话,可以通过事件来触发。

164443291.png

RadSearchBox没有Text属性,但可以在后台事件里接收,例如,上图注册了一个RadSreachBox_Search事件。在后台:

164452778.png

注意这个SearchEventAges类,它继承自EventAges类,但自身有Text属性。


164505650.png



本文转自HDDevTeam 51CTO博客,原文链接:http://blog.51cto.com/hddev/1219690,如需转载请自行联系原作者


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值