xandeadx.ru Блог музицирующего веб-девелопера

Drupal → Как навесить #ajax на пользовательское событие

Опубликовано в

В элементе #ajax['event'] можно указывать не только дефолтные события такие как click/change/blur, но и любые другие, которые будут вызваны через trigger()

Например есть форма с текстовым полем и нужно вызывать ajax обработчик в момент когда это поле теряет фокус, но только если значение поля было изменено. 'event' => 'blur' не подходит, так как ajax будет вызываться даже если значение поля не изменилось.

Решение:

$form['mytextfield'] = array(
  '#type' => 'textfield',
  '#title' => 'My Textfield',
  '#ajax' => array(
    'callback' => 'mymodule_mytextfield_ajax_callback',
    'event' => 'mytextfield_change', // имя пользовательского события
  ),
);

Javascript:

$('input[name="mytextfield"]').blur(function() {
  if (this.defaultValue != this.value) {
    $(this).trigger('mytextfield_change'); // вызываем событие
  }
});
Написанное актуально для Drupal 7
Похожие записи

Комментарии RSS

При срабатывании ajax-события (как в статье), срабатывает и функция валидации всей формы. Что по логике не нужно. Причем сначала происходит валидация, а потом ajax_callback, и все ошибки которая собрала незаполненная форма пишутся в указанный wrapper.

Я понимаю, что данная статья не об этом, но вызов все же обойти не смог.

https://api.drupal.org/api/drupal/developer!topics!forms_api_reference.html/7#limit_validation_errors

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

Содержимое этого поля является приватным и не будет отображаться публично. Если у вас есть аккаунт в Gravatar, привязанный к этому e-mail адресу, то он будет использован для отображения аватара.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Доступные HTML теги: <a> <i> <b> <strong> <code> <ul> <ol> <li> <blockquote> <em> <s>
  • Строки и параграфы переносятся автоматически.
  • Подсветка кода осуществляется с помощью тегов: <code>, <css>, <html>, <ini>, <javascript>, <sql>, <php>. Поддерживаемые стили выделения кода: <foo>, [foo].

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