Yii2在模态对话框中过滤Gridview？

Question

我一直在尝试创建yii\jui\对话框，该对话框在表单视图中单击按钮时触发。对话框本身将包含一个使用Yii 2.0的Gridview小部件。

我已经成功地创建了这个对话框，并用Gridview小部件填充它。我遇到的唯一问题是对话框中的Gridview无法正确过滤。虽然过滤过程很好，但每次过滤Gridview时，对话框模式也将关闭。

我还尝试通过在Pjax小部件中封装gridview来使用Pjax。这一次模式对话框将不会关闭。但它只能过滤1次。一旦过滤了Gridview，我们就不能再过滤它了。

下面是我的_form视图：（我使用名为cari的按钮来触发弹出对话框）

<?php $form = ActiveForm::begin(); ?>

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

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

<?= $form->field($model, 'kategori_id', [
    'addon' =>  ['append' => 
                    ['content'=> 
                        Html::button('x', ['class'=>'btn btn-default','name' => 'del_kat', 'id' => 'del_kat', 'onclick' => '$("#kat_id").val("");'])  . PHP_EOL .
                        Html::button('Cari', ['class'=>'btn btn-primary','id' => 'modal_kat', 'onclick' => '$("#kategori_dialog").dialog("open"); return false;' ]),

                        'asButton' => true
                    ]
                ]
])->textInput(['id'=> 'kat_id', 'readonly' => true]) ?>

以下是我的GridView代码：

GridView::widget([
    'dataProvider' => $kategoriModel->search(Yii::$app->request->queryParams),
    'filterModel' => $kategoriModel,
    'columns' => [
        'kategori_id',
        'nama',
         [
            'label' => 'test',
            'format' => 'raw',
            'value' => function ($data) {

                return Html::button('+', ['class'=>'btn btn-default','id' => 'modal_kat', 'onclick' => '$("#kategori_dialog").dialog("close"); $("#kat_id").val("'.$data->kategori_id.'");' ]);
            },
        ],


    ],

]);

这里是对话框代码：

Dialog::begin([
'id' => 'kategori_dialog',
'clientOptions' => [
    'modal' => true,
    'autoOpen'=>false,
     'title'=>'List Kategori',
     'width'=>'auto',
],

]);

Pjax::begin(['id' => 'kategori-pjax', 'enablePushState'=>false]);
echo $kategoriGrid;
Pjax::end(); 

Dialog::end();

正如你们所看到的，我试图使用Pjax，但我不能让它像预期的那样工作（因为我只能过滤一次Gridview，然后它可以再次过滤）。

所以我想知道我是否在Yii 2.0中错过了什么？我对Pjax有点陌生，所以我想我错过了一些必须在Pjax小部件中设置的属性。

Answer 1

在我的例子中，解决这个问题的方法是使用Kartik的Gridview。我安装了它并将Pjax属性设置为true。

use kartik\grid\GridView; 
GridView::widget([
    'dataProvider' => $dataProvider,
    'filterModel' => $model,
    'columns' => $gridColumns,
    'pjax' =>true,
]);

现在我可以在对话框中成功地过滤网格了。在用Pjax容器包装网格时，Kartik似乎有更好的实现。