jquery-ui オートコンプリートが機能する簡単な例を取得しようとしています。クエリを処理するためのコントローラーのセットアップがあり、適切に見えるjsonを返しますが、提案が表示されません。
私が含めているjsライブラリは次のとおりです。
<script type="text/javascript" language="javascript" src="/Scripts/jquery-1.4.1.js"></script>
<script type="text/javascript" language="javascript" src="/Scripts/jquery-ui-1.8.1.custom.min.js"></script>
<link href="/Content/jquery-ui-1.8.1.custom.css" rel="stylesheet" type="text/css" />
ここにJavaScriptとフォームタグがあります:
<script type="text/javascript">
$(function () {
$("#organization").autocomplete({
source: function (request, response) {
$.ajax({
url: '/Organization/OrganizationLookup',
dataType: "json",
data: {
limit: 12,
q: request.term
}
})
},
minLength: 2
});
});
</script>
<div class="ui-widget">
<label for="organization">Organization: </label>
<input id="organization" />
</div>
コントローラーから妥当に見える json 応答が返されます。
[
{
"id":"Sector A",
"value":"Sector A"
},
{
"id":"Sector B",
"value":"Sector B"
},
{
"id":"Sector C",
"value":"Sector C"
}
]
id と value は、オートコンプリートが探しているデフォルトの名前のようです。
しかし、私はまったく喜びを感じません。何かご意見は?