提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

小试JQuery的AutoComplete插件

jQuery插件 autocomplete 小试
2023-06-13 09:14:28 时间
前台代码如下：
复制代码代码如下:

<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="Default.aspx.cs"Inherits="_Default"%>
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<headrunat="server">
<title>JQuery的自动完成功能</title>
<scriptsrc="jquery.autocomplete/jquery-autocomplete/lib/jquery.js"type="text/javascript"></script>
<scriptsrc="jquery.autocomplete/jquery-autocomplete/jquery.autocomplete.min.js"type="text/javascript"></script>
<linkhref="jquery.autocomplete/jquery-autocomplete/jquery.autocomplete.css"rel="stylesheet"type="text/css"/>
<scriptsrc="jquery.autocomplete/jquery-autocomplete/demo/localdata.js"type="text/javascript"></script>
<scripttype="text/javascript">
$(document).ready(function(){
raiseEvent();
});
//请求完成，被回调的函数
functionrServer(arg,context){
eval(arg);
$("#sugest").focus().autocomplete(data);
}
//向服务器端发起数据处理请求
functionraiseEvent(arg,context)
{
<%=ClientScript.GetCallbackEventReference(this,"arg","rServer","context")%>;
}
</script>
</head>
<body>
<formid="form1"runat="server">
<div>
<inputtype="text"name="text"id="sugest"style="width:200px"/>
</div>
</form>
</body>
</html>

然后就是后台代码，当然了，这里只是模拟数据：
复制代码代码如下:

usingSystem;
usingSystem.Collections.Generic;
usingSystem.Linq;
usingSystem.Web;
usingSystem.Web.UI;
usingSystem.Web.UI.WebControls;
usingSystem.Text;
publicpartialclass_Default:System.Web.UI.Page,ICallbackEventHandler
{
protectedvoidPage_Load(objectsender,EventArgse)
{
if(!IsPostBack)
{
}
}
privateStringBuilderGenStr()
{
StringBuildersbStr=newStringBuilder();
sbStr.Append("vardata=");
sbStr.Append("[");
sbStr.Append("\"Aback\",");
sbStr.Append("\"back\",");
sbStr.Append("\"cback\",");
sbStr.Append("\"english\",");
sbStr.Append("\"confidence\",");
sbStr.Append("\"diligent\",");
sbStr.Append("\"honor\",");
sbStr.Append("\"delicious\"");
sbStr.Append("];");
returnsbStr;
}
publicstringGetCallbackResult()
{
returnGenStr().ToString();
}
publicvoidRaiseCallbackEvent(stringeventArgument)
{
}
}

相关文章