Yii2:动态形式wbraganca

时间:2016-01-18 08:28:18

标签: php yii2 yii2-advanced-app dynamicform

我想使用动态表单小部件(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

2 个答案:

答案 0 :(得分:2)

1)首先添加

$ form = ActiveForm :: begin([

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

而不是你的

2)从动态表单的属性中删除'bmc_id'或使用bmc_id列将textinput添加到动态表单

3)检查你的模型是否存在Model(... Model :: loadMultiple($ modelsSubCat,Yii :: $ app-&gt; request-&gt; post());)

答案 1 :(得分:1)

我试过,但我不能在这里重现这个问题。您可以尝试修复以下行并查看问题是否存在?

  1. 您没有在动态表单后关闭<div class="row">。 这可能搞乱了HTML代码。
  2. formFields中,如果是'bmc_id',则无需添加Html::activeHiddenInput($modelSubCat, "[{$i}]id"); 模特有一个。去掉它。顺便说一下,你正在使用:

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

    确保这是属性的正确名称。

  3. 与您的问题无关,您有第二个:

    loadMultiple

    DynamicForm方法之后,使其无用。

  4. 修改

    刚刚发生在我身上:在同一个视图中你有多个{{1}}?或者代码与您发布的相同?