하나의 #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">?

업데이트 할 단일 요소의 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 \ Render \ AttachmentsInterface를 구현하기 때문에 render 명령이 삭제된다는 것입니다.

렌더링 ($ form [ 'element_to_be_replaced_1'])

렌더 추가는 여전히 작동하지만 TableSelect Table을 업데이트 할 때 문제가 발생했습니다.

Pierre Buyle의 답변이 효과가 없었습니다. 그러나 다음과 같은 것이 효과적이었습니다.

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 ()를 호출하십시오 .