Pjax on ActiveForm not working

[sreenadh]

Pjax works well with GridView widget in a Pjax::begin() and Pjax::end() block.

But with activeform the page reloads after pjax request. I’ve confirmed that the pjax works on the form with the following js code.

$(document).on(‘pjax:end’, function(event) {

	alert('end');

});

Pjax only deals with the content enclosed between its begin() and end() calls, called the body content of the widget. By default, any link click or form submission (for those forms with data-pjax attribute) within the body content will trigger an AJAX request. In responding to the AJAX request, Pjax will send the updated body content (based on the AJAX request) to the client which will replace the old content with the new one. The browser’s URL will then be updated using pushState. The whole process requires no reloading of the layout or resources (js, css).

<?php yii\widgets\Pjax::begin() ?>

    <?php $form = ActiveForm::begin(['options' => ['data-pjax' => true ]]); ?>

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

    <div class="form-group">

        <?= Html::submitButton($model->isNewRecord ? Yii::t('app', 'Create') : Yii::t('app', 'Update'), ['class' => $model->isNewRecord ? 'btn btn-success' : 'btn btn-primary']) ?>

    </div>


    <?php ActiveForm::end(); ?>

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