Можно ли заменить более одного элемента формы (оболочки), запускаемого только одним элементом триггера #ajax?
function ajax_example_simplest($form, &$form_state) {
//This is my ajax trigger element
$form['element_trigger'] = array(
'#type' => 'select',
'#options' => array(
'one' => 'one',
'two' => 'two',
'three' => 'three',
),
'#ajax' => array(
'callback' => 'ajax_example_simplest_callback',
/** Q: Can I somehow declare more than one wrapper? **/
//Say for instance, something like:
'wrapper' => array('replace_div_1', 'replace_div_2'),
),
);
//replace_div_1
$form['element_to_be_replaced_1'] = array(
'#type' => 'textfield',
'#title' => t("My conditional field one"),
'#prefix' => '<div id="replace_div_1">',
'#suffix' => '</div>',
);
//... more form elements here
//replace_div_2
$form['element_to_be_replaced_2'] = array(
'#type' => 'textfield',
'#title' => t("My conditional field two"),
'#prefix' => '<div id="replace_div_2">',
'#suffix' => '</div>',
);
return $form;
}
function ajax_example_simplest_callback($form, $form_state) {
//... do my stuff here
//normally I would return only the form bit for replacing a single wrapper
//declared in the trigger element, like this:
return $form['element_to_be_replaced_blahblah'];
}
Возможно ли вернуть более одного бита формы в функции обратного вызова, сообщающей структуре AJAX, что $form['element_to_be_replaced_1']
должен заменить <div id="replace_div_1">
и $form['element_to_be_replaced_2']
должен заменить <div id="replace_div_2">
?
3 answers
Вместо того, чтобы возвращать HTML одного элемента для обновления, ваш обратный вызов ajax может возвращать массив команд ajax. Таким образом, он может возвращать два ajax_command_replace для замены каждого элемента.
function ajax_example_simplest_callback(&$form, $form_state) {
return array(
'#type' => 'ajax',
'#commands' => array(
ajax_command_replace("#replace_div_1", render($form['element_to_be_replaced_1'])),
ajax_command_replace("#replace_div_2", render($form['element_to_be_replaced_2']))
)
);
}
Альтернативный синтаксис Drupal 8
use Drupal\Core\Ajax\AjaxResponse;
use Drupal\Core\Ajax\ReplaceCommand;
class name extends FormBase{
function ajax_example_simplest(array $form, FormStateInterface &$form_state) {
$response = new AjaxResponse();
$response->addCommand(new ReplaceCommand("#replace_div_1", ($form['element_to_be_replaced_1'])));
$response->addCommand(new ReplaceCommand("#replace_div_2", ($form['element_to_be_replaced_2'])));
return $response;
}
}
Одно отличие заключается в том, что команда визуализации отбрасывается, потому что AjaxResponse реализует Drupal\Core\Визуализация\Attachmentsinterface
визуализация($форма['element_to_be_replaced_1'])
Добавление визуализации все еще работает, но у меня возникли проблемы при обновлении таблицы выбора таблицы таким образом.
Ответ Пьера Буйля не сработал для меня. Однако сработало что-то вроде следующего.
function ajax_example_simplest_callback(&$form, $form_state) {
$commands = array();
$commands[] = ajax_command_replace("#replace_div_1", render($form['element_to_be_replaced_1']));
$commands[] = ajax_command_replace("#replace_div_2", render($form['element_to_be_replaced_2']));
$page = array('#type' => 'ajax', '#commands' => $commands);
ajax_deliver($page);
}
Обратите внимание на вызов ajax_deliver(), а не на возврат массива команд AJAX.