Yii 2 PJAX call on form submission

Yii 2.0
1

Hi there,
I’m using Yii2’s PJAX to submit a form. On the first submission, everything works perfectly—the controller receives the request and renders a partial view as expected. However, on the second submission (without a page reload), the form submits in the normal way (full page reload) instead of using PJAX.
Has anyone encountered this issue before or know what might cause PJAX to stop working after the first submission?

2

Aw geez, alright…

  1. Wrap your form with PJAX container and add data-pjax=“true” to form:
<?php \yii\widgets\Pjax::begin(['id' => 'pjax-container']) ?>

<?php $form = \yii\widgets\ActiveForm::begin([
    'options' => ['data' => ['pjax' => true]],
]) ?>

<!-- your form fields here -->

<?php \yii\widgets\ActiveForm::end() ?>

<?php \yii\widgets\Pjax::end() ?>
  1. In your controller action, detect PJAX and render partial:
if (Yii::$app->request->isPjax) {
    return $this->renderPartial('_partialView', ['model' => $model]);
} else {
    return $this->render('index', ['model' => $model]);
}
  1. Optional: Re-init JS plugins after PJAX loads (if you got any JS stuff):
$(document).on('pjax:end', function() {
    // Re-init your scripts here if needed
});

Important!

Don’t replace the entire PJAX container ID ‘pjax-container’. Only update inside it.
Keep data-pjax=“true” on your form or PJAX won’t intercept submits.
This way, your form keeps that PJAX magic every time you submit, no full reloads.

That’s it — keep your PJAX alive like Rick keeps his portal gun charged. Good luck!

1 Like