autoComplete +C#的应用 实例总结

我只是对autoComplete使用的总结，以备自己以后再次用到。具体autoComplete.js是谁写的谁创的，我就不清楚了 。不过真心地感谢这些认真写代码的人。

先看看用到文件

四步走：

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： οnkeyup="autoComplete.hdleEvent(event)" οndblclick="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' },

效果图片：