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'];
}
$form['element_to_be_replaced_1']
が<div id="replace_div_1">
を置き換え、$form['element_to_be_replaced_2']
が<div id="replace_div_2">
を置き換える必要があることをAJAXフレームワークに伝えるコールバック関数で複数のフォームビットを返すことは可能ですか?
更新する単一要素のHTMLを返す代わりに、ajaxコールバックは ajaxコマンド の配列を返すことができます。したがって、2つの 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;
}
}
1つの違いは、AjaxResponseがDrupal\Core \を実装しているため、renderコマンドが削除されていることです。レンダリング\ AttachmentsInterface
レンダリング($ form ['element_to_be_replaced_1'])
レンダーを追加しても機能しますが、TableSelectテーブルをそのように更新するときに問題が発生しました。
ピエール・バイルの答えは私にはうまくいきませんでした。ただし、次のようなものが機能しました。
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コマンドの配列を返すのではなく、 ajax_deliver() の呼び出しに注意してください。