Pjax无法正常工作,重新加载整个页面

时间:2017-05-04 03:26:32

标签: javascript php gridview yii2 pjax

我正在使用Yii2开发一个项目,并对Pjax感到沮丧,因为它永远不适合我。这是我创建的带有pjax的简单gridview:

<?php Pjax::begin(['id' => 'member-list-pjax', 'timeout' => 5000]);?>
    <?= GridView::widget([
        'dataProvider' => $dataProvider,
        'filterModel' => $searchModel,
        'columns' => [
            'member_card_number',
            'member_name',
            [
                'attribute' => 'member_address',
                'format' => 'raw',
            ],
            'member_phone1',
            'member_phone2',
            [
                'attribute' => 'member_type',
                'value' => function ($model, $key, $index, $column){
                    return $model->getTypeLabel($model->member_type);
                },
                'filter' => $searchModel->getTypeLabel(),
            ],
        ],
    ]); ?>
<?php Pjax::end();?>

Pjax根本不起作用。当我在gridview的过滤器中搜索某些内容时,它会重新加载整个页面。也没有javascript错误。有人能帮助我吗?

更新

我的行动实际上很长。但这里是我认为与gridview相关的部分:

$searchModel = new MemberSearch();
$dataProvider = $searchModel->search(Yii::$app->request->queryParams);

if (isset($_GET['MemberSearch']))
    $searchModel->attributes = $_GET['MemberSearch'];

return $this->render('form', [
    'searchModel' => $searchModel,
    'dataProvider' => $dataProvider,
]);

更新2

我现在使用kartik的gridview,我删除了PJax并将'pjax'=&gt;在gridview中为true,它成功执行Ajax过滤器,但仍然不久后重新加载整个页面。

GridView::widget([
    'dataProvider' => $dataProvider,
    'filterModel' => $searchModel,
    'pjax' => true,
    'pjaxSettings' => [
        'neverTimeout' => true,
    ],
    'columns' => [ /*columns same as above*/ ]
]);

1 个答案:

答案 0 :(得分:1)

请检查您的ID并将此javascript放在页面顶部

$('body').on('click','.reload',function(){
    $.pjax.reload({container: '#w0-pjax'});
});

也可以使用以下代码

<?php \yii\widgets\Pjax::begin(['linkSelector'=>'','id'=>'w0-pjax']); ?>