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

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

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

Пример формы, в которой после нажатия кнопки, юзер увидит jQuery UI Dialog с приветственным сообщением, отправленным из ajax callback-а:

/**
 * Form builder.
 */
function mymodule_test_form($form, &$form_state) {
  $form['submit'] = array(
    '#type' => 'button',
    '#value' => 'Open dialog',
    '#ajax' => array('callback' => 'mymodule_test_form_ajax_submit'),
  );
 
  $form['#attached']['library'][] = array('system', 'ui.dialog');
 
  return $form;
}
 
/**
 * Form AJAX submit.
 */
function mymodule_test_form_ajax_submit($form, &$form_state) {
  $commands = array(
    ajax_command_remove('#dialog'),
    ajax_command_append('body', '<div id="dialog" class="element-hidden">Hello world</div>'),
    ajax_command_invoke('#dialog', 'dialog', array(array('modal' => TRUE, 'width' => 'auto'))),
  );
  return array(
    '#type' => 'ajax',
    '#commands' => $commands,
  );
}

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

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

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

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