オートコンプリートと組み合わせた jquery ベースのテキストボックス (asp.net json)_jquery

JS スクリプト リファレンス

コードをコピー コードは次のとおりです: スタイルリファレンス コードをコピーします コードは次のとおりです。 @import url("/scripts /Jquery.autocomplete/css/jquery.autocomplete.css");

JS コード

コードをコピー コードは次のとおりです: ?$(document).ready(function () { $(" # minChars: 0, max: 9, width: 150、 matchContains: true、 autoFill: false、 formatItem: function (row, i, max) { return row.name; }、 formatMatch: function ( row, i, max) { return row.name " "; formatResult: function (row) { return row.name; }); jQuery("#").result(function (event, data, formatted) { if (データ) { jQuery("#_SearchKeyGame"). attr("値", data.name) ; } else { } }); $("#")。 autocomplete("./AjaxHandle/AutoComplete.ashx ?type=plat", { minChars: 0, max: 9, width: 150, matchContains: true, autoFill: false, formatItem: function (row , i, max) { return row.name; }, formatMatch: function (row, i, max) { return row.name " "; }, formatResult: function (row) { return row.name;

AutoComplete。 ashx は JOSON 値を返します

コードをコピー

コードは次のとおりです: string queryStr = context。 Request.QueryString ["q"]; context.Response.ContentType = "text/plain"; string jsponString = "["; string where = string.Format(" (select 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();

オートコンプリートと組み合わせた jquery ベースのテキスト ボックス (asp.net json)_jquery

オートコンプリートと組み合わせた jquery ベースのテキストボックス (asp.net json)_jquery