Можно ли использовать автозаполнение JQuery UI с удаленным источником возврата HTML?

Question

Я хотел бы иметь одно поле ввода, где пользователь будет вводить данные поиска. После ввода более 2 букв я буду искать на сервере и отображать найденные данные в отдельном div .

В настоящее время я возвращаю данные в формате JSON. Я хотел бы заменить это на html (чтобы отформатировать данные на стороне сервера с помощью GAE / django). Мне нужно иметь это, так как тот же шаблон вывода данных уже используется, и я не хочу повторять это в JavaScript (с data( "autocomplete" )._renderItem). Мой вывод также поддерживает пейджинг.

Есть ли способ заменить весь вывод (не только для одного элемента)? Или я не должен использовать здесь автозаполнение?

Answer 1

Не использовать автозаполнение.

Если вы уже форматируете свою серверную сторону вывода, то здесь действительно мало работы для javascript.

Попробуйте написать собственное автозаполнение, используя событие onChange, и используйте $ .post для получения результирующего форматированного вывода. Это может закончиться так просто, как:

$( '#searchbox' ).change( function() {
     var s = $(this).val();
     if(s.length > 2)
     {
         $.post("searchresults.php", { search: s }, function(data){
              $( '#resultdiv' ).html(data);
         });
     }
});

Надеюсь, это поможет.