Шаг 233.
Библиотека jQuery. Использование модулей расширения. Библиотека расширений jQuery UI. Формы. Виджет Autocomplete (события)

    На этом шаге мы рассмотрим события этого виджета.

    Материал этого шага базируется на 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 и описание события:

    На следующем шаге мы рассмотрим его методы.




Предыдущий шаг Содержание Следующий шаг