xandeadx.ru
Блог друпал девелопера

Drupal → AJAX submit с помощью progressive enhancement

14.10.2012

Пример создания AJAX формы с помощью концепции прогрессивного улучшения (progressive enhancement). Такая форма будет работать даже при выключенном javascript.

1. Создаём обычную форму с submit callback-ом:

/**
 * Form builder
 */
function mymodule_myform($form, $form_state) {
  $form['sometext'] = array(
    '#type' => 'textfield',
    '#title' => 'Some text',
  );

  $form['submit'] = array(
    '#type' => 'submit',
    '#value' => 'Submit',
  );

  return $form;
}

/**
 * Form submit callback
 */
function mymodule_myform_submit($form, $form_state) {
  ... // Submit logic
  drupal_set_message('Form submitted.');
}

2. Добавляем AJAX функциональность:

/**
 * Form builder
 */
function mymodule_myform($form, $form_state) {
  $form['sometext'] = array(
    '#type' => 'textfield',
    '#title' => 'Some text',
  );

  $form['submit'] = array(
    '#type' => 'submit',
    '#value' => 'Submit',
    // new
    '#ajax' => array(
      'callback' => 'mymodule_myform_ajax_callback'
    ),
  );

  return $form;
}

/**
 * Form submit callback
 */
function mymodule_myform_submit($form, $form_state) {
  ... // Submit logic
  drupal_set_message('Form submitted.');
}

/**
 * Form AJAX callback
 */
function mymodule_myform_ajax_callback($form, $form_state) { // new
  return array(
    '#type' => 'ajax',
    '#commands' => array(
      ajax_command_html('#' . $form['#id'], theme('status_messages')),
    ),
  );
}

Если нужна валидация.

Написанное актуально для
Drupal 7
Похожие записи

Комментарии

taldy
15.10.2012, 12:23

Недавно мы выложили на дорг модуль asaf (ajax submit for any form) который берет на себя всю рутину по созданию колбеков, навешивания '#ajax'.

Т.е. в простейшем случае можно просто указать форм_ид в настройках и форма будет отправляться аяксом. Можно указать только некоторые кнопки, на которые стоит цепляться. Можно юзать его API: хуки для изменения списка ajax-комманд и т.д.

Может кому будет интересно :)

Гость
09.11.2012, 17:04

Установил модуль asaf (ajax submit for any form) у себя. Форма имеет около 25 полей. Аякс не работает. Лоадер крутится, но это и все. Жаль.

taldy
09.11.2012, 18:40

Установил модуль asaf (ajax submit for any form) у себя. Форма имеет около 25 полей. Аякс не работает. Лоадер крутится, но это и все. Жаль.

Какую версию качали? Как подключали к форме? js-ошибки есть? Напишите мне пожалуйста, на taldy (at) yandex.ru, или issue заведите.

Kosmos
14.02.2013, 12:07

Если ли способ узнать прошла ли форма валидацию или нет ? Нужно чтобы mymodule_myform_ajax_callback вызывался только в случае если нет ошибок(запонены обязательные поля),и тогда сообщение об успешной отправке заменяло форму. сейчас сообщения об ошибке также заменяют форму

taldy
14.02.2013, 14:04

Если ли способ узнать прошла ли форма валидацию или нет ?

Можно. В $form_state['asaf_form_status'] в случае ошибок будет находиться значение "errors".

Вы не первый кто спрашивает, поэтому в будущем сделаю чтобы по-умолчанию commands_alter-хуки не вызывались при ошибках валидации.

Добавить комментарий