ASP.NET MVC：jQuery UIオートコンプリートの出力形式（表示値ラベルのキーペア）

Question

私は以下の考えを持っていますが、コードスニペットや類似の例が見つからないため、可能かどうかわかりませんそれはjQueryのUIです。それは彼に次のようにエントリを表示するユーザーの種類ヨハ場合

ID  Name 
1   John Example 
2   Johnny Example 

私は今、何をしたいか、次のとおりです：だから私のデータベースに私はすべての顧客がIDを持っていると名前がたテーブルを、持っています

John Example - 1 
Johnny Example - 2 

私の質問：私のオートコンプリート機能のような表示をすることは可能ですか？

現時点でのビューと、オートコンプリート機能のための私のコードは、これと表示し、顧客の名前だけのようになります。

<script> 
    $("#CustomerName").autocomplete({ 
     source: "/Customer/AutoCompleteCustomer", 
     minLength: 2 
    }) 
</script 

おかげで、あなたは任意のより詳細な情報が必要な場合、私は意志、私に知らせてくださいできるだけ早く提供する。

Answer 1

のはjQuery docsを見てみましょう：

がサポートされている2つの形式があります。

• 文字列の配列：[ "Choice1"、 "Choice2"]
• ラベルを持つオブジェクトの配列値のプロパティ：[{label： "Choice1"、value： "value1"}、...]

データ例えば

のためにサーバに要求を行うことについて話すとき

以降は、ソースオプションは、「http://example.com」と 種類がfooユーザーは、GETリクエストが http://example.com?term=fooに行われることになるように設定されている場合。データそのものは、上記のローカルデータと同じフォーマット にすることができます。ラベルプロパティは、提案メニューに表示されます。

限り、サーバーは、文字列配列のいずれかとして、データを返すために世話をするように

、：

["John Example - 1", "Johnny Example - 2"] 

またはオブジェクト配列：

[{label: "John Example - 1", value: "1"}, {label: "Johnny Example - 2", value:"2"}] 

jQueryのオートコンプリートを選ぶことができるようになりますそれを必要な方法で表示します。