четверг, 15 апреля 2010 г.

Динамические события в Application Express 4.0 (на пошаговом примере приложения)

Динамические события - одна из новинок Oracle Application Express 4.0. Декларативный интерфейс для JavaScript-событий (например: скрыть и показать элемент, активировать и деактивировать его, выполнить JavaScript-функцию при наступлении определённого события).

  1. Создадим страницу с тремя элементами: textfield, date picker и textarea:
  2. Создадим динамическое событие. Для этого:
  3. Выбираем тип динамического события - Standard:
  4. Назначаем событию имя:
  5. Определяем условие при котором будет выполняться событие:
    где событие (Event) элемента (Selection Type->Item, Region,jQuery Selector, DOM Object) при котором будет выполнено условие (Condition);
  6. Определяем тип события (например: Enable / Disable):
  7. Определяем к какому элементу(региону...) применяем данный тип события и создаем событие:
  8. Запускаем страницу:
  9. Вводим "No" в поле X1 и переходин на другое поле:
    Динамическое событие отработало и поле X2 стало активным.
  10. Аналогично создаем ещё одно динамическое событие, только выбираем тип Advanced (см. шаг 3), имя (например: Action2) и условие при котором будет выполняться событие:
  11. Выбираем тип события (в advanced их несколько больше) - в нашем случае выбираем JavaScript Code:
  12. Вводим имя функции (мы для теста будем использовать стандартную alert()):

  13. Завершаем создание динамического события и запускаем страницу.
  14. Вводим в поле X3 значение "testing..." и переходин на другое поле:
    Динамическое событие отработало и видим сообщение(результат функции alert)


Комментариев нет:

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