자동 완성(asp.net json)_jquery와 결합된 jquery 기반 텍스트 상자

JS 스크립트 참조

코드 복사 코드는 다음과 같습니다.

스타일 참조

코드 복사 코드는 다음과 같습니다.

JS 코드

코드 복사 코드는 다음과 같습니다.

?$(document).ready(function () {
$(" #<%=_SearchKeyGame.ClientID %> ;").autocomplete("./AjaxHandle/AutoComplete.ashx?type=game", {
minChars: 0,
최대: 9,
너비: 150,
matchContains: true,
autoFill: false,
formatItem: 함수(row, i, max) {
return row.name;
},
formatMatch: 함수( row, i, max) {
return row.name " ";
},
formatResult: function(row) {
return row.name;
}
});
jQuery("#<% =_SearchKeyGame.ClientID %>").result(함수(이벤트, 데이터, 형식 지정) {
if(데이터) {
jQuery("#_SearchKeyGame"). attr("value", data.name) ;
}
else {
}
})
$("#<%=_SearchKeyPlat.ClientID %>"). autocomplete("./AjaxHandle/AutoComplete.ashx ?type=plat", {
minChars: 0,
최대: 9,
너비: 150,
matchContains: true,
autoFill: false,
formatItem: 함수(row, i, max) {
row.name 반환
},
formatMatch: 함수(row, i, max) {
row.name 반환 " ";
},
formatResult: 함수(행) {
return row.name;
}
}); ashx는 JOSON 값을 반환합니다.

코드 복사

코드는 다음과 같습니다. string queryStr = context. Request.QueryString ["q"]; context.Response.ContentType = "text/plain";

context.Response.Cache.SetNoStore()

string jsponString
string where = string.Format(" (dbo.[f_GetPy](platname) 선택) like '%{0}%' 또는 platname like '%{0}%'", Common.Common.ToSql(queryStr)); 🎜>DataTable dt = new Models.Plat().GetDataTable(where,10)
if (dt.Rows.Count > 0)
{
for (int i = 0; i < dt.Rows .Count; i )
{
jsponString = "{id:"" dt.Rows[i]["PlatID"].ToString() "",name:"" dt.Rows[i ][" PlatName"].ToString() ""},";
}
}
jsponString = jsponString.Trim(new char[] { ',' });
jsponString = " ]";
context.Response.Write(jsponString);
context.Response.End();