Yii2-表单和相关的网格视图在同一页上


Yii2 - form and related gridview on the same page

有人能告诉我如何在YIi2 中呈现网格视图表单页面吗

我真的是Yii的新手,想知道如何才能做到这一点。

感谢

use yii'grid'GridView;
<?php $form = ActiveForm::begin(); ?>
<?= $form->field($model, 'status')->textInput() ?>
<?= GridView::widget([
    'dataProvider' => $itemDataProvider,
    'columns' => [
        ['class' => 'yii'grid'SerialColumn'],
        'start_date',
        'end_date',
        ['class' => 'yii'grid'CheckboxColumn'],
    ],
]); ?>
<div class="form-group">
<?= Html::submitButton('Save', ['class' => 'btn-success']) ?>
</div>
<?php ActiveForm::end(); ?>

尝试添加带有表单外Pjax标记的put Gridview in modal,这样如果您想要过滤器,就不会提交主表单例如

<?php
$form = ActiveForm::begin();
?>
<?= $form->field($model, 'title')->textInput(['maxlength' => true]) ?>
//button for showing modal
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#modal_large">Browse</button>
 <?php ActiveForm::end(); ?>
<div class="modal" id="modal_large" tabindex="-1" role="dialog" aria-labelledby="largeModalHead" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title" id="largeModalHead">Large Modal</h4>
            </div>
            <div class="modal-body">
                <?php
                Pjax::begin([
                    'enablePushState' => false
                ]);
                echo GridView::widget([
                    'dataProvider' => $imageDataProvider,
                    'filterModel' => $imageSearchModel,
                    'columns' => [
                        ['class' => 'yii'grid'SerialColumn'],
                        'field',
                        'created_at:datetime',
                        ['class' => 'yii'grid'ActionColumn'],
                    ],
                ]);
                Pjax::end();
                ?>     </div><div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">Close</button></div>

在单页视图中呈现表单和网格视图

控制器代码

包括要渲染的参数:

  • _form 视图的$model
  • 索引 视图的CCD_ 2和CCD_。

        public function actionCreate()
        {
            $model = new WorkflowStep;
            if ($model->load(Yii::$app->request->post()) && $model->save())
            {
                return $this->redirect([
                    'view', 'step_id' => $model->step_id
                ]);
            }
            $searchModel = new WorkflowStepSearch();
            $dataProvider = $searchModel->search(Yii::$app->request->queryParams);
            return $this->render('create', [
                'model' => $model,
                'searchModel' => $searchModel,
                'dataProvider' => $dataProvider,
            ]);
        }
    

查看代码

现在,在app/views/create.php中,我们所需要做的就是渲染额外的所需视图并传递预期的参数。

        <?php
        use yii'helpers'Html;
        /* @var $this yii'web'View */
        /* @var $model app'modules'tickets'models'WorkflowStep */
        $this->title = 'Create Workflow Step';
        $this->params['breadcrumbs'][] = ['label' => 'Workflow Steps', 'url' => ['index']];
        $this->params['breadcrumbs'][] = $this->title;
        ?>
        <div class="workflow-step-create">
            <h1><?= Html::encode($this->title) ?></h1>
            <?= $this->render('_form', [
                'model' => $model,
            ]) ?>
            <?= $this->render('index', [
                'searchModel' => $searchModel,
                'dataProvider' => $dataProvider,
            ]) ?>
        </div>