jquery-uiは、表示されないASP MVCの提案を使用してオートコンプリートします

Question

私は、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と値は、AutoCompleteが探しているデフォルトの命名のようです。

しかし、私はまったく喜びを得ません。何かご意見は？

Answer 1

ここでは問題ではありません - JavaScriptの前にCSSを入れる必要があります。いつも。

返品値で何もしていません。コールバック関数を使用して、そのデータを取得し、それを使用して何かをする必要があります。 （「成功：」パラメーター、私は信じています）。

Answer 2

ホーガンの提案のおかげで、次のコールバック関数を成功パラメーターに追加しました。

 success: function (data) {
                          response($.map(data, function (item) {
                              return {
                                  label: item.label,
                                  value: item.value
                              }
                          }))