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