Я интегрировал «wbraganca Yii2 динамическую форму» в мое приложение Yii2, но когда я нажимаю кнопку «Добавить» (+), новое поле не добавляется, и в консоли я получаю следующую ошибку:
Uncaught ReferenceError: dynamicform_1b7f3e0d is not defined
Пожалуйста, не отмечайте его как дубликат, так как я не нашел решения этой проблемы до сих пор. Заранее спасибо.
Вот мой код виджета:
<?php $form = ActiveForm::begin(['id' => 'dynamic-form']); ?>
<div class="row">
<div class="col-sm-6">
<?= $form->field($model, 'name')->textInput(['maxlength' => true]) ?>
</div>
<div class="col-sm-6">
<?= $form->field($model, 'note')->textInput(['maxlength' => true]) ?>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading"><h4><i class="glyphicon glyphicon-envelope"></i> Addresses</h4></div>
<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' => $aps[0],
'formId' => 'dynamic-form',
'formFields' => [
'product_id',
'pest_disease_id',
],
]); ?>
<div class="container-items"><!-- widgetContainer -->
<?php foreach ($aps as $i => $ap): ?>
<div class="item panel panel-default"><!-- widgetBody -->
<div class="panel-heading">
<h3 class="panel-title pull-left">Address</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 (! $ap->isNewRecord) {
echo Html::activeHiddenInput($ap, "[{$i}]id");
}
?>
<div class="row">
<div class="col-sm-6">
<?= $form->field($ap, "[{$i}]product_id")->textInput(['maxlength' => true]) ?>
</div>
<div class="col-sm-6">
<?= $form->field($ap, "[{$i}]pest_disease_id")->textInput(['maxlength' => true]) ?>
</div>
</div><!-- .row -->
</div>
</div>
<?php endforeach; ?>
</div>
<?php DynamicFormWidget::end(); ?>
</div>
</div>
<div class="form-group">
<?= Html::submitButton($ap->isNewRecord ? 'Create' : 'Update', ['class' => 'btn btn-primary']) ?>
</div>
<?php ActiveForm::end(); ?>
Я обнаружил проблему в классе DynamicFormWidget, js не воспроизводится в защищенной позиции POS_HEAD
protected function registerOptions($view)
{
$encOptions = Json::encode($this->_options);
$this->_hashVar = DynamicFormWidget::HASH_VAR_BASE_NAME . hash('crc32', $encOptions);
$view->registerJs("var {$this->_hashVar} = {$encOptions};\n", $view::POS_HEAD);
//$view->registerJs("var {$this->_hashVar} = {$encOptions};\n", $view::POS_READY);
}
если я изменяю позицию на POS_READY, то код рендеринга javascript, но затем кнопка удаления перестает работать.
замените этот код на ваш класс DynamicFormWidget:
protected function registerOptions($view)
{
$encOptions = Json::encode($this->_options);
$this->_hashVar = DynamicFormWidget::HASH_VAR_BASE_NAME . hash('crc32', $encOptions);
$view->registerJs("var {$this->_hashVar} = {$encOptions};\n", $view::POS_END);
}
Вам нужно изменить положение скрипта с POS_HEAD на POS_END
Других решений пока нет …