小试JQuery的AutoComplete插件

前台代码如下：

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

然后就是后台代码，当然了，这里只是模拟数据：

复制代码代码如下:

 
using System; 
 
using System.Collections.Generic; 
 
using System.Linq; 
 
using System.Web; 
 
using System.Web.UI; 
 
using System.Web.UI.WebControls; 
 
using System.Text; 
 
public partial class _Default : System.Web.UI.Page,ICallbackEventHandler 
 
{ 
 
protected void Page_Load(object sender, EventArgs e) 
 
{ 
 
if (!IsPostBack) 
 
{ 
 
} 
 
} 
 
private StringBuilder GenStr() 
 
{ 
 
StringBuilder sbStr = new StringBuilder(); 
 
sbStr.Append("var data = "); 
 
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("];"); 
 
return sbStr; 
 
} 
 
public string GetCallbackResult() 
 
{ 
 
return GenStr().ToString(); 
 
} 
 
public void RaiseCallbackEvent(string eventArgument) 
 
{ 
 
} 
 
}

频道导航

小试JQuery的AutoComplete插件

您可能感兴趣的文章: