小试JQuery的AutoComplete插件
小试JQuery的AutoComplete插件
发布时间:2016-12-30 来源:查字典编辑
摘要:前台代码如下:复制代码代码如下:JQuery的自动完成功能$(document).ready(function(){raiseEvent()...

前台代码如下:

复制代码 代码如下:

<%@ 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" />

</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)

{

}

}

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类