Показать результат выполнения AJAX запроса в jQuery UI Dialog

Пример формы, в которой после нажатия кнопки, юзер увидит jQuery UI Dialog с приветственным сообщением, отправленным из ajax callback-а:
function mymodule_test_form() {
  $form['submit'] = array(
    '#type' => 'button',
    '#value' => 'Open dialog',
    '#ajax' => array('callback' => 'mymodule_test_form_ajax_callback'),
  );
 
  $form['#attached']['library'][] = array('system', 'ui.dialog');
 
  return $form;
}
 
function mymodule_test_form_ajax_callback() {
  $commands[] = ajax_command_append('body', '<div id="dialog" class="element-hidden">Hello world</div>');
  $commands[] = ajax_command_invoke('#dialog', 'dialog');
 
  return array('#type' => 'ajax', '#commands' => $commands);
}

Написанное актуально для
Drupal 7
Теги:
ajax, jquery ui, работа с формами
Добавлено: 30 Июля 2018 07:16:00 Добавил: Андрей Ковальчук Нравится 0
Добавить
Комментарии:
Нету комментариев для вывода...