从yii2 ActiveForm保存数据后无法显示成功消息（在模式中）

Question

在主页上，我有一个按钮，用activeform调用引导模式。在提交此表单时，在我的数据库中添加新行。但是我看不出一个成功的消息，无论是在这个模态还是在主页上。取而代之的是，我进入mysite.ru/category/create页，上面有白色屏幕和对话框消息的文本（“对话框内容在这里......”）。如何不重定向用户在其他页面？只需在主页上关闭模态和/或重定向，并在此处显示关于成功添加行的闪存信息。

我的按钮在视图/网站/index.php：

<?= Html::button(
        'create',
        ['value' => Url::to(['category/create']),
            'id' => 'modalButton'

        ]) ?>


    <?php
    Modal::begin([
            'id' => 'modal'
        ]);

    echo "<div id='modalContent'></div>";

    Modal::end();
    ?>

我的控制器SiteController有：

public function actionIndex()
    { 
            return $this->render('index');
    }

类别控制器具有

public function actionCreate()
        {
            $model = new Category;

            if ($model->load(Yii::$app->request->post()) && Yii::$app->request->isAjax) {
                $model->refresh();
                Yii::$app->response->format = 'json';
                return ActiveForm::validate($model);
            } elseif ($model->load(Yii::$app->request->post()) && $model->save()) {
                Yii::$app->session->setFlash('contactFormSubmitted');
                //$model->refresh();
                $this->refresh();
                Dialog::begin([
                    'clientOptions' => [
                        'modal' => true,
                    ],
                ]);

                echo 'Dialog contents here...';

                Dialog::end();
                //$this->redirect('category/create');

            } else {
                return $this->renderAjax('create', [
                    'model' => $model,
                ]);
            }

视图/类别/创建。php:

<?php

use yii\helpers\Html;


/* @var $this yii\web\View */
/* @var $model app\models\Category */

$this->title = 'Create Category';
$this->params['breadcrumbs'][] = ['label' => 'Categories', 'url' => ['index']];
$this->params['breadcrumbs'][] = $this->title;

?>
<div class="category-create">

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

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

</div>

和视图/类别/表格。php

<?php

use yii\helpers\Html;
use yii\widgets\ActiveForm;
use yii\jui\Dialog;

/* @var $this yii\web\View */
/* @var $model app\models\Category */
/* @var $form yii\widgets\ActiveForm */
?>

<?php
$this->registerJsFile(Yii::getAlias('/scripts/main.js'));

?>

    <?php if (Yii::$app->session->hasFlash('contactFormSubmitted')): ?>

    <div class="alert alert-success">
        Thank you for contacting us. We will respond to you as soon as possible.
    </div>

    <?php endif; ?>



<div class="category-form">

    <?php $form = ActiveForm::begin([
                'id' => $model->formName(),
                //'enableAjaxValidation'=>true,
                'validateOnSubmit'=>true,
                //'action' => '/site/index'
            ]); ?>

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

    <?= $form->field($model, 'description')->textarea(['rows' => 6]) ?>

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

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

</div>

脚本/main。js:

// listen click, open modal and .load content
$('#modalButton').click(function (){
    $('#modal').modal('show')
        .find('#modalContent')
        .load($(this).attr('value'));
});

// serialize form, render response and close modal
function submitForm($form) {
    $.post(
        $form.attr("action"), // serialize Yii2 form
        $form.serialize()
    )
        .done(function(result) {
            form.parent().replaceWith(result);
                        //$form.parent().html(result.message);
            //$('#modal').modal('hide');
        })
        .fail(function() {
            console.log("server error");
            $form.replaceWith('<button class="newType">Fail</button>').fadeOut()
        });
    return false;
}

Answer 1

您必须防止表单被提交，并使用ajax。

            $(your_form)
            .on('beforeSubmit', function(event){ 
                event.preventDefault();
                submitForm($(your_form));

                return false;
            })
            .on('submit', function(event){
                event.preventDefault();
            });