自动完成服务端控件开发(1)
2010-05-24 13:54
169 查看
前一段时间由于项目需要搜索时要根据输入的内容自动从后台查询与之相关的数据,先上图看一看最终的效果:
这篇主要先介绍一下如何使用这个控件。
1.添加对DSKJ.Controls.DLL程序集的引用
引用后控件自动加入到工具箱中.
2.属性和事件
4. 编写事件
AsyncDataBind异步数据绑定事件,在此事件中进行数据的获取并进行数据的绑定操作;前端的参数将通过AysncDataBindEventArgs类型的参数传递的,此类型参数有一个ObjectArgs的String类型的属性;
5.客户端的扩展
编写OnClientCompleted客户端完成事件.如下图:
会在客户端页面产生下面的JS脚本:其中AutoCompleteExtender1_obj为自动完成控件注册在客户端的ID;
function OnCompleted(t,v,hv) 参数说明:t:选中项的Text文本,v代表选中项的Value值,hv代表隐藏域的值
这篇主要先介绍一下如何使用这个控件。
1.添加对DSKJ.Controls.DLL程序集的引用
引用后控件自动加入到工具箱中.
2.属性和事件
属性
TargetControl
设置与此控件关联的TextBox控件ID
Opacity
设置或获取自动提示显示时的透明度,取值1至100
OnClientCompleted
获取或设置选择完成后在客户执行的客户端JavaScript脚本
Items
列表项目集合
DataTextField
获取或设置数据项显示的文本(字段或属性名)
DataValueField
获取或设置数据项值(字段或属性名)
DataHideField
获取或设置隐藏项值(字段或属性名)
事件
AsyncDataBind
异步数据绑定事件
3.设置属性的截图TargetControl
设置与此控件关联的TextBox控件ID
Opacity
设置或获取自动提示显示时的透明度,取值1至100
OnClientCompleted
获取或设置选择完成后在客户执行的客户端JavaScript脚本
Items
列表项目集合
DataTextField
获取或设置数据项显示的文本(字段或属性名)
DataValueField
获取或设置数据项值(字段或属性名)
DataHideField
获取或设置隐藏项值(字段或属性名)
事件
AsyncDataBind
异步数据绑定事件
4. 编写事件
AsyncDataBind异步数据绑定事件,在此事件中进行数据的获取并进行数据的绑定操作;前端的参数将通过AysncDataBindEventArgs类型的参数传递的,此类型参数有一个ObjectArgs的String类型的属性;
protected void AutoCompleteExtender1_AsyncDataBind(object sender, DSKJ.Web.UI.WebControls.AsyncDataBindEventArgs e) { string _Keyword = e.ObjectArgs.Trim(); if (_Keyword.Trim() != string.Empty) { string _CommandText = string.Format(" Select top 10 * From DZ_Customers Where CustomerName like '%{0}%' ", _Keyword.Trim()); DataTable _DT = ExecuteTable(_CommandText); AutoCompleteExtender1.DataSource = _DT; AutoCompleteExtender1.DataBind(); } }
5.客户端的扩展
编写OnClientCompleted客户端完成事件.如下图:
会在客户端页面产生下面的JS脚本:其中AutoCompleteExtender1_obj为自动完成控件注册在客户端的ID;
function OnCompleted(t,v,hv) 参数说明:t:选中项的Text文本,v代表选中项的Value值,hv代表隐藏域的值
function AutoCompleteExtender1_obj_OnCompleted(t, v, hv) { try { document.getElementById('TextBox2').value = t; //此为在设计时写入的脚本,此意为将显示的文本赋值给名为TextBox2的文本框中 } catch (err) { alert('执行出现异常:' + err.description) } }
源码下载:DSKJ.Controls.DLL 未完待续,下节将对控件类进行介绍.
相关文章推荐
- WPF控件开发(2) 自动完成(AutoComplete)-1
- WPF控件开发(2) 自动完成(AutoComplete)-1
- (转)自动完成功能,VS2005下开发数据窗口控件,及数据窗口列,即表中表的实现。大家关注!
- 自动完成服务端控件(2)--整体结构的设计
- Winform通用自动完成控件的开发(一)
- 为WinForm combox控件增加自动完成功能
- StreamAnalytix Visual Spark Studio (一)!Spark开发史上最强大的神器,只需拖拽控件即可完成Spark开发,造福国内的Spark开发者!
- unityios开发--加载视频以及加载完成之后自动跳转
- iOS开发UI篇—使用picker View控件完成一个简单的选餐应用
- C#里WinForm开发中如何实现控件随窗体大小的改变而自动适应其改变
- 服务端控件开发 包含处理机制—— 子控件中调用住空间委托的事件实例
- 应用程序开发总结(9)--表单自动完成
- Asp.net 2.0 自定义控件开发专题讲解[为用户控件增加DataSource属性, 能够自动识别不同数据源](示例代码下载)
- eclipse android开发,文本编辑xml文件,给控件添加ID后,R.java,不自动的问题。
- Android开发(14)-- 多线程中实现利用自定义控件绘制小球并完成小球自动下落的功能
- Spring利用代理,完成RMI服务端和客户端的开发
- Asp.net 2.0 自定义控件开发[实现自动计算功能(AutoComputeControl)][示例代码下载续][重点推荐控件]
- WinForm 自动完成控件实例代码简析
- jQuery的Ajax的自动完成功能控件简要说明
- 驰骋工作流引擎表单设计器-控件自动完成