2016-07-11 3 views
0

мне нужно поле поиска autocomleteРеализовать автозаполнения в поле поиска _ASP.net MVC с JQuery UI

enter image description here

Я хочу, чтобы найти соответствующий вопрос в базе данных, когда пользователь вводит его текст.

Цените, если кто-нибудь поможет мне в том, как начать с автозаполнения jQuery UI. Благодаря

ответ

1

Вы можете использовать Jquery для восстановления данных, поступающих из контроллера (К Ajax), то вы можете использовать метод автозаполнения 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 это хорошо, но только вопрос .. возможно ли вам просто сказать мне, что именно делает эта строка? 'response ($. map (data, function (item) { return {field1: item.field1, field2: item.field2, field3: item.field3, field4: item.field4}; }))' и как я может сделать что-нибудь в каждом предупреждении строки щелчком, если это невозможно. Ценить –

+0

Эта функция должна быть объектом, который вы получаете от контроллера, в вашем случае - List . Вы должны создать элемент для получения каждого элемента списка, тогда вам нужно сопоставить каждое поле, которое вы хотите автозаполнять ... Чтобы сделать что-то в каждой строке, вы должны определить функцию JQuery и вызвать ее из каждого события onclick в эта строка. Autocomplete имеет событие onclick, но только для себя ... Anycase ... Это будет другой вопрос. –

+1

Извините, что такое 'debugger'' for? он останавливает мой код –