autoComplete +C#的应用 实例总结
2008-06-25 10:05
381 查看
我只是对autoComplete使用的总结,以备自己以后再次用到。具体autoComplete.js是谁写的谁创的,我就不清楚了 。不过真心地感谢这些认真写代码的人。
先看看用到文件
四步走:
讨论第二步,
这是一个C#的方法,目的是从数据库取出数据通过一个属性付给给js代码。
返回的数据格式是:
{
'text':'blueDestiny',
'content':'BlueDestiny[a]126.com'
},
{
'text':'never-online',
'content':'BlueDestiny[a]126.com',
'hints':'http://www.never-online.net'
},
效果图片:
先看看用到文件
四步走:
1: //加入样式码 <style type="text/css" media="all" title="Default"> @import "../css/automain.css"; @import "../css/Searchautocomplete.css"; </style> 2: public string _autocommpeletLs = ""; //处理搜索自动填充 protected void SetcommpleteList() { this._autocommpeletLs = Uz_Server.GetAutocompeletTextList("building","buildingname","where isbuilding=1"); } 3: //加入js代码 <%--处理搜索的js代码--%> <script type="text/javascript" src="../js/neverModules-autoComplete.js"></script> <script type="text/javascript"> //<![CDATA[ completeDataSource = [ <%=this._autocommpeletLs %> ]; var autoComplete = null; onload = function pageLoadHdle() { var configuration = { instanceName: "autoComplete", textbox: document.getElementById("ctl00$ContentPlaceHolder1$Uz_SearchBar1$keywordtxt"), dataSource: completeDataSource }; autoComplete = new neverModules.modules.autocomplete(configuration); autoComplete.useContent = true; autoComplete.useSpaceMatch = true; autoComplete.ignoreWhere = true; autoComplete.create(); autoComplete.expandAllItem(); autoComplete.showAnimateImage("img/indicator.gif"); window.setTimeout( function closeAnimateImageAfter1seconds() { autoComplete.closeAnimateImage(); }, 1000); } //]]> </script> 4: onkeyup="autoComplete.hdleEvent(event)" ondblclick="autoComplete.expandAllItem();" .onfocus
讨论第二步,
这是一个C#的方法,目的是从数据库取出数据通过一个属性付给给js代码。
返回的数据格式是:
{
'text':'blueDestiny',
'content':'BlueDestiny[a]126.com'
},
{
'text':'never-online',
'content':'BlueDestiny[a]126.com',
'hints':'http://www.never-online.net'
},
效果图片:
相关文章推荐
- C#反射之基础应用实例总结
- 邮箱自动下拉匹配列表jQuery插件mailAutoComplete实例页面
- c# winform 应用编程代码总结 6
- c# winform 应用编程代码总结 7
- C# 接口 应用实例
- 使用AutoCompleteExtender(自动完成下拉菜单)实例
- C#实现子窗体与父窗体通信方法实例总结
- 性能优化总结(六):预加载、聚合SQL应用实例
- c# webeditor的数据库应用总结 IDENTITY_INSERT
- c#中实例方法和静态方法的辨析与应用
- C#实例练习总结
- C# 委托应用总结
- 实例总结C#反射基础知识
- Android:TextView中的文本链接之--点击链接跳转总结(2种方法+2个实例应用)
- Jquery AutoComplete的使用方法实例(自动完成、自动填充)插件
- C# params参数的实例应用
- C#接口实例应用的的深入探讨
- C# 委托应用总结
- C#基类引用指向子类实例-虚方法的应用介绍
- 实例总结C#反射基础知识