jQuery UI AutoComplete を使用する場合の注意事項 autocomplete_jquery

页面:

复制代代码如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Test.aspx.cs" Inherits="web_Test" %>

後台:

复制代代码如下:

< ;%@ WebHandler Language="C#" Class="GetAllWords" %>
システムを使用しています。
System.Web を使用;
public class GetAllWords : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
if (context.Request.QueryString["term"] != null && context.Request.QueryString ["用語"] != "")
{
context.Response.Clear();
context.Response.Charset = "utf-8";
context.Response.Buffer = true;
context.Response.ContentEncoding = System.Text.Encoding.UTF8;
context.Response.ContentType = "text/plain";
context.Response.Write(GetLikeUserName(context.Request.QueryString["term"]));
context.Response.Flush();
context.Response.Close();
context.Response.End();
}
}
/// <概要>
/// 拼接json
///
/// 关键词
///
private String GetLikeUserName(文字列キー)
{
jhg.BLL.web_wordManager wordManager = new jhg.BLL.web_wordManager();
//検索,返し10个关键词
string[] listWord = wordManager.GetSearchWord(key, 10);
System.Text.StringBuilder sbstr = new System.Text.StringBuilder("[");
int ct = listWord.Length;
for (int i = 0; i < ct; i )
{
sbstr.Append(""" listWord[i] """);
if (i == ct - 1)
sbstr.Append("]");
else
sbstr.Append(",");
}
return sbstr.ToString();
}
public bool IsReusable
{
get
{
return false;
}
}
}

注:
文件:jquery.ui.autocomplete.css
.ui-autocomplete { 位置: 絶対;カーソル: デフォルト;
去掉: 位置: 絶対;
效果图: