YII2 Form with GridView and Pjax

Question

I have a view with to models: contact and phones, and I want to create a view to update this two models, my view is like this:

<?php $form = ActiveForm::begin(['id'=>'Contact']); ?>
<?= $form->field($model, 'name')->textInput() ?>
<?php Pjax::begin(); ?>
<?= \yii\grid\GridView::widget([
    'id' => 'phonesGrid',
    'dataProvider' =>  new ArrayDataProvider([
        'allModels' => $fones,
        'sort' => [
            'attributes' => ['number', 'ramal'],
        ],
        'pagination' => false,
    ]),
    'columns' => [
        'number',
        'ramal',
         ['class' => 'yii\grid\ActionColumn']
    ],
]); ?>
<?php Pjax::end(); ?>  <?php ActiveForm::end(); ?>

The problem is when i call $.pjax.reload the action (create ou update) of ContactController is call but the request not has the form data of contact and the data entering is clear. How can i do this in YII2?

Thanks.

Answer 1

If I understand your question correctly, you get an empty response from the pjax call. This might be caused by the fact that you have your actual form (and it's models ) are outside of the pjax call, causing it NOT to refresh them and making no connection whatsoever.

In my opionion it's best to contain ALL the data you have inside a pjax with queries / models . For instance:

<div class='resp-col col-12'>
    <?php Pjax::begin([
        'id'=>'all-tags',
        'timeout' => 5000,
    ]); ?>
<?php
$query = Tag::find();
$dataProvider = new ActiveDataProvider([
    'query' => $query,
    'pagination' => [
        'pageSize' => 20,
    ],
]);
echo GridView::widget([
    'dataProvider' => $dataProvider,
    'columns'=> [
      'view'=>[
        'header'=>'view',
        'options'=>[
          'width'=>'5%'
        ],
        'format'=>'raw',
        'value'=>function ($data) {
            return Html::a('<span class="glyphicon glyphicon-eye-open"></span>', Url::to(['detail', 'id'=>$data->id]), ['data-type'=>'modal', 'data-title'=>'View item']).
            '<a><span class="glyphicon glyphicon-remove" onclick=DeleteTag("'.$data->id.'")></span></a>';;
        },
      ],
      'name',
      'content',
    ]
]);
 ?>
<?php Pjax::end()?>

When a pjax.reload is called on all-tags, it will also perform a new query and therefore return a new array of data.

Hopefully this is helpful to you.