2010-09-15 2 views
1

Я могу смотреть на все это неправильно.jquery ui autocomplete - как?

Но я пытаюсь использовать JQuery автозаполнения щ.

Я хочу, чтобы передать его URL и получите предложения оттуда.

мои вопросы:
1: как я могу указать URL-адрес?
2: как мне отформатировать ответ?

+2

здесь является полностью функционирующий пример здесь, в StackOverflow HTTP://stackoverflow.com/questions/3700371/not-sure-how-to-use-the-jquery-ui-autocomplete –

+1

Это не поможет? - http://jqueryui.com/demos/autocomplete/#remote –

+0

ах намного лучше. Я смотрел здесь: http://docs.jquery.com/UI/Autocomplete – Hailwood

ответ

3

Это поможет вам начать с указанием URL-части.

Сначала создайте поле ввода, чтобы приложить автозаполнения плагин.

<input type="text" name="query" /> 

Затем этот javascript для того, чтобы прикрепить автозаполнение к только что созданному полю ввода.

$("#query").autocomplete({ 
     source: "/suggestions/get/", 
     select: function(event, ui) { 
      $("#new-field").val(ui.item.value); 
     } 
    }); 

Запрос URI будет что-то вроде этого ...

/suggestions/get/?term={selection} 

selection представляет собой выбор, сделанный в автозаполнения.

Теперь на вашей стороне сервера вам нужно проанализировать uri и использовать значение параметра term, чтобы делать все, что угодно - искать в базе данных по выбранному выбору или что-то еще.

Вы должны форматировать свой ответ, как это ...

suggestion1 
suggestion2 
suggestion3 
suggestion4 

Предложения должны быть на новой строке (разделенные \n)

+0

Да, но на что похож ответ на стороне сервера? - похоже, это недокументировано и беспрецедентно. –

+0

@pete - спасибо за подсказку. См. Обновленный ответ – vikmalhotra

1

На странице пользовательского интерфейса JQuery вы имеете полное демо с различными примерами, которые должны быть достаточно, я думаю. Here Адрес.

+0

-1 это комментарий. Если это ответ, он бы затронул вопрос об ОП. – Reigel

+0

@Reigel: примеры на этой странице довольно просты, и они затрагивают проблемы пользователей. Не знаете, почему вы думаете, что это должен быть комментарий. Пользователь не знал об этом URL-адресе и (по его последнему комментарию) полезен для него. –

+1

@Claudio - Я получил этот комментарий (и нисходящий знак для хорошей оценки) от модератора SO когда-нибудь назад для моего ответа. 'Идентификация дубликатов/ответ на вопрос с другими URL-адресами должна быть сделана с комментарием.' – vikmalhotra