2016-07-11 8 views
0

のjQuery UIでオートコンプリートの検索ボックス_ASP.net MVCの実装私は、ユーザーはそれがテキストだ入ったときに、データベース内の任意の関連する質問を見つけたいです。私はautocomlete検索ボックス</p> <p><a href="https://i.stack.imgur.com/CAqxa.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CAqxa.png" alt="enter image description here"></a></p> <p>が必要

jQuery UIのオートコンプリートを開始する方法を教えてください。おかげ

答えて

1

あなたは(アヤックスでは)、コントローラからのデータを回復するためのjQueryを使用することができますが、その後、あなたにもjQueryののオートコンプリートメソッドを使用することができます...

$(document).ready(function() { 
     $("#your_txt_box").autocomplete({ 
      source: function (request,response) { 
       $.ajax({ 
        url: 'controller', 
        dataType: 'json', 
        method: 'POST', 
        success: function (data) { 
         response($.map(data, function (item) { 
          return { field1: item.field1, field2: item.field2, field3: item.field3, field4: item.field4}; 
         })) 
        } 
       }); 
      } 
     }); 
    }); 
+0

は.gotをうまくしかし、ちょうどあなたの世話をありがとうございましたあなたはこの行が正確に何をしているのか教えていただけますか? '応答($。map(data、function(item){ return {field1:item.field1、field2:item.field2、field3:item.field3、field4:item.field4}; }))'どのようにそれが不可能ならば、クリックして何か行の警告をすることができます。感謝 –

+0

その関数はコントローラから取得したオブジェクトである必要があります。リストの場合はです。あなたは、リストの各項目を取得するために項目をループする必要がありますし、あなたはオートコンプリートにしたい各フィールドをマップする必要があります... JQuery関数を定義し、その行 オートコンプリートにもonclickイベントがありますが、それ自体のためだけです... Anycase ...それは別の質問です。 –

+1

もう一度、 'debugger;'とは何ですか?それは私のコードを停止する –

関連する問題

 関連する問題