Javascript.RU

jQuery Custom Events. Высокоуровневые события в jQuery

Чем более сложные системы мы создаем, тем острее становится необходимость использовать различные паттерны и увеличивать уровень абстракции. В сложной системе мы стараемся выделить некоторые объекты, которые имею определенный функционал. Каждый из объектов решает свои задачи.

Если мы говорим о web, и о современном GUI на web-страницах, то здесь сплошь и рядом возникают ситуации, в которых, при наступлении некоторого события в одном компоненте интерфейса, должны обязательно выполниться некоторые действия в другом. И если это именно компоненты, которые выделены как отдельные объекты (сущности), то изящным решением для реализации реакции на наступление события в другом компоненте может оказаться Custom Events, которые имеются в jQuery.
jQuery Custom Events. Высокоуровневые события в jQuery

0

Автор: c-project (не зарегистрирован), дата: 5 июня, 2009 - 12:42
#permalink

Иногда и высокоуровневых событий в разных библиотеках тоже мало.
Уже в нескольких проектах со сложным интерфейсом была необходимость использовать события не привязанные к объекту. пришлось делать самому, т.к. не смог найти какой-либо plugin или легковесную либу для этих целей...
в итоге получил такие вызовы
$i.event.bind("/channel", function(data){});
$i.event.trigger("/channel", {a:'aaaaa'});

получилось что-то вроде event/message driven...
Очень было удобно использовать такой подход при реализации чата.


Отправить комментарий

Приветствуются комментарии:
  • Полезные.
  • Дополняющие прочитанное.
  • Вопросы по прочитанному. Именно по прочитанному, чтобы ответ на него помог другим разобраться в предмете статьи. Другие вопросы могут быть удалены.
    Для остальных вопросов и обсуждений есть форум.
P.S. Лучшее "спасибо" - не комментарий, как все здорово, а рекомендация или ссылка на статью.
Содержание этого поля является приватным и не предназначено к показу.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Разрешены HTML-таги: <strike> <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <u> <i> <b> <pre> <img> <abbr> <blockquote> <h1> <h2> <h3> <h4> <h5> <p> <div> <span> <sub> <sup>
  • Строки и параграфы переносятся автоматически.
  • Текстовые смайлы будут заменены на графические.

Подробнее о форматировании

CAPTCHA
Антиспам
6 + 1 =
Введите результат. Например, для 1+3, введите 4.
 
Поиск по сайту
Другие записи этого автора
IzumeRoot
Содержание

Учебник javascript

Основные элементы языка

Сундучок с инструментами

Интерфейсы

Все об AJAX

Оптимизация

Разное

Дерево всех статей

Популярные таги
Последние комментарии
Последние темы на форуме
Forum