На этом шаге мы рассмотрим события этого виджета.
Материал этого шага базируется на http://www.linkexchanger.su/2011/700.html.
Рассмотрим, как виджет может реагировать на события.
Изменим код скрипта следующим образом:
$(document).ready(function() {
var availableTags = ["ActionScript","AppleScript","Asp","BASIC",
"C","C++","Clojure","COBOL","ColdFusion","Erlang","Fortran",
"Groovy","Haskell","Java","JavaScript","Lisp","Perl","PHP",
"Python","Ruby","Scala","Scheme"];
$("#tags").autocomplete({
source: availableTags,
select: function(event, ui) {
alert('Событие: ' + event.type +
',\nзначение: ' + ui.item.value);
}
});
});
Здесь мы добавили свойство select, где определили функцию, которая будет вызываться в тот момент, когда пользователь выберет какое-либо значение из списка подсказок. функция принимает два аргумента: первый - объект event, второй - специальный объект ui. Организовав доступ к свойствам этих объектов, можно получить полезную информацию (мы выводим ее в диалоговом окне).
Рис.1. Пример обработки события виджетом
Полный текст этого примера можно взять здесь.Это не единственное событие на которое умеет реагировать виджет - вот полный их список, где указано название свойства в объекте с настройками, название события в event.type и описание события:
- create - Событие autocompletecreate наступает в момент инициализации.
- search - событие autocompletesearch наступает перед выполнением запроса. Если функция, определенная в этой опции вернет false, запрос не будет отправлен.
- open - событие autocompleteopen наступает в момент, когда открывается выпадающий список подсказок.
- focus - событие autocompletefocus наступает всякий раз, когда один из пунктов списка подсказок получает фокус.
- select - событие autocompleteselect наступает, когда выбран один из пунктов списка подсказок.
- close - событие autocompleteclose наступает, когда список подсказок закрывается. Событие наступает независимо от того, был выбран один из пунктов или нет.
- change - событие autocompletechange наступает после того, как выбран один из пунктов списка. Событие всегда наступает после события close.
На следующем шаге мы рассмотрим его методы.
