以编程方式创建 – 使用FormStateInterface :: getTriggeringElement()为“two dimentionnal’添加另一个项’”的问题

前端之家收集整理的这篇文章主要介绍了以编程方式创建 – 使用FormStateInterface :: getTriggeringElement()为“two dimentionnal’添加另一个项’”的问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在学习drupal 8.我想创建一个包含’two dimensionnal”添加另一个项目’表单的页面.我的代码几乎运行良好,但是当我向房子添加房间时我有一个奇怪的行为(我的调试日志中有一个来自FormStateInterface :: getTriggeringElement()的奇怪值,请参见底部代码和日志)

第一:我有两个结构,房子和房间.用户可以创建一些房屋,每个房子,他可以创建一些房间:

当我添加一些房子,表格工作正常:

当我将一些房间添加到最后一个房子时,表格也可以正常工作:

但是,当我向任何“没有最后”的房子添加一些房间时,表格不能正常工作(在屏幕截图中,我点击了一次“阻止房屋”中的“添加房间”,标签为“房子1“成了”房子2“(?!),点击添加5个房间(?!):

这里是我的代码和一个奇怪的调试日志,我不解释为什么我得到这个值(来自room_addMoreSubmit回调中的getTriggeringElement(),这是我认为的问题)

<?PHP

namespace Drupal\projet\Form;
use Drupal\Core\Form\FormBase;
use Drupal\Core\Form\FormStateInterface;

class HouseForm extends FormBase {

  public function getFormId(){
    return 'custom_rooms_form';
  }

  function buildForm(array $form,FormStateInterface $form_state) {



    $house_count = $form_state->get('house_count');

    if (is_null($house_count)) {
      $house_count = 1;
      $form_state->set('house_count',$house_count);
    }

    $form['house'] = array(
        //'#tree' => TRUE,'#prefix' => '<div id="house-replace">','#suffix' => '</div>'
    );

    for ($house_delta = 0; $house_delta < $house_count; $house_delta++) {
      if (!isset($form['house'][$house_delta])) {

        $room_count[$house_delta] = $form_state->get('room_count_'.$house_delta);

        if (is_null($room_count[$house_delta])) {
          $room_count[$house_delta] = 1;
          $form_state->set('room_count_'.$house_delta,$room_count[$house_delta]);
        }

        dd($room_count,"room_COUNT");

        $form['house'][$house_delta]['room'] = array(
            '#type' => 'fieldset','#title' => t('house : '.$house_delta),//'#tree' => TRUE,'#prefix' => '<div id="room-replace-'.$house_delta.'">','#suffix' => '</div>'
        );

        for ($room_delta = 0; $room_delta < $room_count[$house_delta]; $room_delta++) {
          if (!isset($form['house'][$house_delta]['room'][$room_delta])) {
            $room = array(
                '#type' => 'textfield'
            );
            $check = array(
                '#type' => 'checkBox'
            );
            $form['house'][$house_delta]['room'][$room_delta] = array(
                '#type' => 'fieldset','#title' => t('room : '.$house_delta.'.'.$room_delta),);
            $form['house'][$house_delta]['room'][$room_delta]['text'] = $room;
            $form['house'][$house_delta]['room'][$room_delta]['check'] = $check;
          }
        }

        $form['house'][$house_delta]['room']['add'] = array(
            '#type' => 'submit','#name' => 'add','#value' => t('Add room'),'#attributes' => array('class' => array('field-add-more-submit'),'house_delta' => array($house_delta)),'#submit' => array(array(get_class($this),'room_addMoreSubmit')),'#ajax' => array(
                'callback' => array($this,'room_addMoreCallback'),'wrapper' => 'room-replace-'.$house_delta,'effect' => 'fade',),);

      }
    }

    $form['house']['add'] = array(
        '#type' => 'submit','#value' => t('Add house'),'#attributes' => array('class' => array('field-add-more-submit')),'house_addMoreSubmit')),'#ajax' => array(
            'callback' => array($this,'house_addMoreCallback'),'wrapper' => 'house-replace',);


    $form['submit'] = array(
        '#type' => 'submit','#value' => t('Create'),);

    return $form;
  }

  public function room_addMoreSubmit(array $form,FormStateInterface $form_state) {
    dd($form_state->getTriggeringElement(),"room : getTriggeringElement()"); // below,the log when I add a room to the house '1' (result see above  with the last screenshot: "the house 1" became "house 2" and one click add 5 rooms)
    $house = $form_state->getTriggeringElement()["#array_parents"][1];
    $c = $form_state->get('room_count_'.$house) + 1;
    $form_state->set('room_count_'.$house,$c);
    $form_state->setRebuild(TRUE);
  }

  public function room_addMoreCallback(array $form,FormStateInterface $form_state) {
    $house = $form_state->getTriggeringElement()["#array_parents"][1];
    return $form['house'][$house]['room'];
  }

  public function house_addMoreSubmit(array $form,FormStateInterface $form_state) {
    dd($form_state->getTriggeringElement()["#array_parents"],"house : getTriggeringElement()"); 
    $c = $form_state->get('house_count') + 1;
    $form_state->set('house_count',$c);
    $form_state->setRebuild(TRUE);
  }

  public function house_addMoreCallback(array $form,FormStateInterface $form_state) {
    return $form['house'];
  }

}

当我点击房子“1”中的“添加房间”按钮时,日志(room_addMoreSubmit中的’dd’):

当我点击门牌号1中的“添加房间”按钮时,getTriggeringElement返回添加按钮的数组父项.并且,正如您所看到的,父母是“2”而不是“1”(房子1)
所以当我点击房子1的“添加房间”按钮时,这是房子“2”,它被识别而不是房子“1”.

我不明白为什么…使用getTriggeringElement不是好方法

解决方法

解决方案 :
$form['house'][$house_delta]['room']['add'] = array(
            '#type' => 'submit','#name' => 'add-'.$house_delta,);

唯一的名字是我的问题.所以,我改变了name属性.

原文链接:https://www.f2er.com/ajax/453717.html

猜你在找的Ajax相关文章