> 웹 프론트엔드 > JS 튜토리얼 > 자동 완성(asp.net json)_jquery와 결합된 jquery 기반 텍스트 상자

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

WBOY
풀어 주다: 2016-05-16 17:53:05
원래의
899명이 탐색했습니다.

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();

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿