yii2 - 如何在 Gridview 中将 Pjax 与自定义按钮一起使用

Question

这是我的gridview

<?php Pjax::begin(['id' => 'vouchers']) ?>
    <?= GridView::widget([
        'dataProvider' => $dataProvider,
        'filterModel' => $searchModel,
        'columns' => [
            ['class' => 'yii\grid\SerialColumn'],
        ['header'=>'Cancel Voucher',
            'value'=> function($data)
                    { 
                       return  Html::a(Yii::t('app', ' {modelClass}', [
                                'modelClass' =>"Cancel",
                            ]), ['generalentries/cancel_voucher','voucher_no'=>$data->voucher_no], 
                            ['class' => 'btn btn-xs btn-danger',
                            'onclick'=>"return confirm('Are you Sure you want to CANCEL this Voucher?');"]
                            );  
                    },
            'format' => 'raw'
            ],
        ],
    ]); ?><?php Pjax::end() ?>

这是我的cancel_voucher操作

public function actionCancel_voucher( $voucher_no )
    {
      $entries = TabGLEntry::find()->where(['voucher_no' => $voucher_no])->all();
      foreach($entries as $entry)
      {
        $entry->update_note  = FALSE;
        $entry->is_deleted = 1;
        $entry->save();
      }
      $this->redirect( Yii::$app->request->referrer );
    }

当我点击“取消”按钮时，如何使用 pjax 更新 GridView ？

我尝试为按钮提供一个 id，然后在按钮的 onClick 事件上，我尝试使用 $.pjax.reload({container:"#vouchers"}) 更新 gridview ;但是没用

编辑

这就是我尝试的方法

<?php 
        \yii\widgets\Pjax::begin([
        'id' => 'countries', 
        'timeout' => false, 
        // 'enablePushState' => false, 
        'clientOptions' => ['method' => 'POST']]) 
    ?>

    <?= GridView::widget([
        'dataProvider' => $dataProvider,
        'filterModel' => $searchModel,
        'columns' => [
            ['class' => 'yii\grid\SerialColumn'],

        ['header'=>'Cancel Voucher',
            'value'=> function($data)
                    { 
                       return  Html::a(Yii::t('app', ' {modelClass}', [
                                'modelClass' =>"Cancel",
                            ]), ['generalentries/cancel_voucher','voucher_no'=>$data->voucher_no], 
                            ['class' => 'btn btn-xs btn-danger','id' =>'cancel_voucher',
                            'onclick'=>"return confirm('Are you Sure you want to CANCEL this Voucher?');"]
                            );  
                    },
            'format' => 'raw'
            ],

<?php
$this->registerJs(
    'jQuery(document).ready(function($){
                $(document).ready(function () {
                    $("#cancel_voucher").on("click", function(){
                        alert("hai");
                        $.pjax.reload({container:"#countries"});
                    });
                });
            });'
            );
?>

Issue

Answer 1

您必须返回内容，该内容将显示在 Pajax block 中，而不是 $this->redirect( Yii::$app->request->referrer );

public function actionCancel_voucher( $voucher_no )
{
  $entries = TabGLEntry::find()->where(['voucher_no' => $voucher_no])->all();
  foreach($entries as $entry)
  {
    $entry->update_note  = FALSE;
    $entry->is_deleted = 1;
    $entry->save();
  }
 if (Yii::$app->getRequest()->getIsPjax()) {
    //render part of view with grid
    return $this->renderAjax($url, $params);
 }
 else { $this->redirect( Yii::$app->request->referrer ); }
}

为了正确的 pajax 重定向，您必须设置 X-Pjax-Url header 。

if (Yii::$app->getRequest()->getIsPjax()) {
        $response = Yii::$app->getResponse();
        $destination = Url::to($url);
        $response->getHeaders()->set('X-Pjax-Url', $destination);
        $response->getHeaders()->set('Location', $destination);
        return null;
    }