Yii2: Динамическая форма wbraganca

Question

Я хочу использовать виджет динамической формы (wbraganca). Я попробовал это, используя учебник по каналу 'doingItEasy' & также github. И написал следующий код:

код контроллера -

public function actionCreate() 
    { 
     $model = new Vendors(); 
     $modelsSubCat = [new BusinessSubCategories]; 
     if ($model->load(Yii::$app->request->post()) && $model->save()) { 

      $modelsSubCat = Model::createMultiple(BusinessSubCategories::classname()); 
      Model::loadMultiple($modelsSubCat, Yii::$app->request->post()); 

      // validate all models 
      $valid = $model->validate(); 
      $valid = Model::validateMultiple($modelsSubCat) && $valid; 
      $modelsSubCat = Model::createMultiple(BusinessSubCategories::classname()); 

      if ($valid) { 
       $transaction = \Yii::$app->db->beginTransaction(); 
       try { 
        if ($flag = $model->save(false)) { 
         foreach ($modelsSubCat as $modelSubCat) { 
          $model->ven_sub_category_id = $modelSubCat->bsc_id; 
          if (! ($flag = $modelSubCat->save(false))) { 
           $transaction->rollBack(); 
           break; 
          } 
         } 
        } 
        if ($flag) { 
         $transaction->commit(); 
         return $this->redirect(['view', 'id' => $model->ven_id]); 
        } 
       } catch (Exception $e) { 
        $transaction->rollBack(); 
       } 
      } 
     } else { 
      return $this->render('create', [ 
       'model' => $model, 
       'modelsSubCat' => (empty($modelsSubCat)) ? [new BusinessSubCategories] : $modelsSubCat 
      ]); 
     } 
    } 

'_form.php' код -

<?php 

use yii\helpers\Html; 
use yii\widgets\ActiveForm; 
use wbraganca\dynamicform\DynamicFormWidget; 
?> 
<div class="vendors-form"> 

    <?php $form = ActiveForm::begin(['id' => 'dynamic-form']); ?> 

    <?= $form->field($model, 'ven_company_name')->textInput(['maxlength' => true]) ?> 

    <?= $form->field($model, 'ven_main_category_id')->textInput(['maxlength' => true]) ?> 

    <?= $form->field($model, 'ven_sub_category_id')->textInput() ?> 

    <div class="row"> 
     <div class="panel panel-default"> 
     <div class="panel-body"> 
      <?php DynamicFormWidget::begin([ 
       'widgetContainer' => 'dynamicform_wrapper', // required: only alphanumeric characters plus "_" [A-Za-z0-9_] 
       'widgetBody' => '.container-items', // required: css class selector 
       'widgetItem' => '.item', // required: css class 
       'limit' => 4, // the maximum times, an element can be cloned (default 999) 
       'min' => 1, // 0 or 1 (default 1) 
       'insertButton' => '.add-item', // css class 
       'deleteButton' => '.remove-item', // css class 
       'model' => $modelsSubCat[0], 
       'formId' => 'dynamic-form', 
       'formFields' => [ 
        // 'bsc_id', 
        'bsc_name', 
        'bsc_image', 
        'bsc_description', 
        'bmc_id', 
       ], 
      ]); ?> 

      <div class="container-items"><!-- widgetContainer --> 
      <?php foreach ($modelsSubCat as $i => $modelSubCat): ?> 
       <div class="item panel panel-default"><!-- widgetBody --> 
        <div class="panel-heading"> 
         <h3 class="panel-title pull-left">Sub Categories</h3> 
         <div class="pull-right"> 
          <button type="button" class="add-item btn btn-success btn-xs"><i class="glyphicon glyphicon-plus"></i></button> 
          <button type="button" class="remove-item btn btn-danger btn-xs"><i class="glyphicon glyphicon-minus"></i></button> 
         </div> 
         <div class="clearfix"></div> 
        </div> 
        <div class="panel-body"> 
         <?php 
          // necessary for update action. 
          if (! $modelSubCat->isNewRecord) { 
           echo Html::activeHiddenInput($modelSubCat, "[{$i}]id"); 
          } 
         ?> 
         <?= $form->field($modelSubCat, "[{$i}]bsc_name")->textInput(['maxlength' => true]) ?> 
         <div class="row"> 
          <div class="col-sm-6"> 
           <?= $form->field($modelSubCat, "[{$i}]bsc_image")->fileInput(); ?> 
          </div> 
          <div class="col-sm-6"> 
           <?= $form->field($modelSubCat, "[{$i}]bsc_description")->textInput(['maxlength' => true]) ?> 
          </div> 
         </div><!-- .row --> 
        </div> 
       </div> 
      <?php endforeach; ?> 
      </div> 
      <?php DynamicFormWidget::end(); ?> 
      </div> 
    </div> 

    <?= $form->field($model, 'ven_services_offered')->textInput(['maxlength' => true]) ?> 

    <?= $form->field($model, 'ven_business_logo')->textInput(['maxlength' => true]) ?> 

    <?= $form->field($model, 'ven_company_descr')->textInput(['maxlength' => true]) ?> 

    <?= $form->field($model, 'ven_established_date')->textInput() ?> 

    <?= $form->field($model, 'ven_noof_emp')->textInput() ?> 

    <?= $form->field($model, 'ven_branches_loc')->textInput(['maxlength' => true]) ?> 

    <?= $form->field($model, 'ven_market_area')->textInput(['maxlength' => true]) ?> 

    <?= $form->field($model, 'ven_website')->textInput(['maxlength' => true]) ?> 

    <?= $form->field($model, 'ven_specialized_in')->textInput(['maxlength' => true]) ?> 

    <?= $form->field($model, 'ven_contact_no')->textInput(['maxlength' => true]) ?> 

    <?= $form->field($model, 'ven_email_id')->textInput(['maxlength' => true]) ?> 

    <?= $form->field($model, 'ven_address')->textInput(['maxlength' => true]) ?> 

    <?= $form->field($model, 'ven_country_id')->textInput() ?> 

    <?= $form->field($model, 'ven_state_id')->textInput() ?> 

    <?= $form->field($model, 'ven_city_id')->textInput() ?> 

    <?= $form->field($model, 'ven_location_id')->textInput() ?> 

    <?= $form->field($model, 'ven_zip')->textInput(['maxlength' => true]) ?> 

    <?= $form->field($model, 'ven_contact_person_id')->textInput() ?> 

    <?= $form->field($model, 'ven_verified')->dropDownList([ 'Y' => 'Y', 'N' => 'N', ], ['prompt' => '']) ?> 

    <?= $form->field($model, 'ven_created')->textInput() ?> 

    <?= $form->field($model, 'ven_updated')->textInput() ?> 

    <?= $form->field($model, 'ven_deleted')->dropDownList([ 'Y' => 'Y', 'N' => 'N', ], ['prompt' => '']) ?> 

    <div class="form-group"> 
     <?= Html::submitButton($model->isNewRecord ? Yii::t('app', 'Create') : Yii::t('app', 'Update'), ['class' => $model->isNewRecord ? 'btn btn-success' : 'btn btn-primary']) ?> 
    </div> 

    <?php ActiveForm::end(); ?> 

</div> 
<script type="text/javascript"> 
    $(".dynamicform_wrapper").on("beforeInsert", function(e, item) { 
    console.log("beforeInsert"); 
}); 

$(".dynamicform_wrapper").on("afterInsert", function(e, item) { 
    console.log("afterInsert"); 
}); 

$(".dynamicform_wrapper").on("beforeDelete", function(e, item) { 
    if (! confirm("Are you sure you want to delete this item?")) { 
     return false; 
    } 
    return true; 
}); 

$(".dynamicform_wrapper").on("afterDelete", function(e) { 
    console.log("Deleted item!"); 
}); 

$(".dynamicform_wrapper").on("limitReached", function(e, item) { 
    alert("Limit reached"); 
}); 
</script> 

'create.php' код -

<?php 

use yii\helpers\Html; 


/* @var $this yii\web\View */ 
/* @var $model backend\models\Vendors */ 

$this->title = Yii::t('app', 'Create Vendors'); 
$this->params['breadcrumbs'][] = ['label' => Yii::t('app', 'Vendors'), 'url' => ['index']]; 
$this->params['breadcrumbs'][] = $this->title; 
?> 
<div class="vendors-create"> 

    <h1><?= Html::encode($this->title) ?></h1> 

    <?= $this->render('_form', [ 
     'model' => $model, 
     'modelsSubCat' => $modelsSubCat 
    ]) ?> 

</div> 

Но Что происходит что кнопка добавления/удаления не работает. Я показываю это скриншот - Screenshot with Add/remove buttons

Answer 1

Я пробовал, но я не могу воспроизвести эту проблему здесь. Можете ли вы попытаться исправить следующие строки и посмотреть, есть ли проблема?

1. Вы не закрываете <div class="row"> после динамической формы. Это может испортить html-код.

2. В вашем formFields не нужно добавлять 'bmc_id', если у модели есть. Убери это. Кстати, вы используете:

   Html::activeHiddenInput($modelSubCat, "[{$i}]id"); 
   

   Убедитесь, что это правильное название атрибута.

3. несвязанный с вашим вопросом, у вас есть второй:

   $modelsSubCat = Model::createMultiple(BusinessSubCategories::classname()); 
   

   После метода loadMultiple, что делает его бесполезным.

EDIT

Просто мне пришло в голову: любой шанс у вас есть более чем один DynamicForm в ту же точку зрения? Или код такой же, как вы опубликовали?

Answer 2

1) первый добавить

$ образуют = ActiveForm :: начать ([

'options' => [ 
     'enctype' => 'multipart/form-data', 
     'id' => 'dynamic-form' 
    ] 
]); 

вместо вашего

2) удалить 'bmc_id' из атрибутов динамической формы или добавить TextInput к динамическим form with bmc_id column

3) проверьте, существует ли ваша модель Модель (... Model :: loadMultiple ($ modelsSubCat, Yii :: $ app-> request-> post());)