Yii2 Pjax - how to send a form in a container to one action, and update the content from another?

Question

JavaScript

I'm trying to make it concise and simple, with built-in tools.
There is such a form.

A comment should be sent to your controller and the plate will be updated

<?php Pjax::begin([
  'id' => 'comments-pjax',
  'enablePushState' => false,
  'formSelector' => '#comments-form'
]); ?>

<div class="box box-primary">
  <div class="box-header with-border">
    <h3 class="box-title">Комментарии</h3>
  </div>
  <div class="box-body">

    <?= GridView::widget([
      ...
    ]); ?>

  </div>
  <div class="box-footer">
    <?php $form = ActiveForm::begin([
      'id' => 'comments-form',
      'action' => '/lead-comments/create?lead_id='.$model->id,
    ]);	$comm = new LeadComments; ?>
    <?= $form->field($comm, 'lead_id')->hiddenInput(['value' => $model->id])->label(false) ?>
    <?= $form->field($comm, 'text')->textarea() ?>
    <?= app\components\ViewHelper::saveButton(null, 'Добавить комментарий') ?>
    <?php ActiveForm::end(); ?>
  </div>
</div>

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

The problem is that the content of the container changes to return from the add comment controller, but should just update the table, like with pjax behavior without a form, can this be configured?

Answer 1

you can pull the form outside the pjax container, send it with ajax, and reload pjax upon successful save.

$(document).on('beforeSubmit', '#my-form', function () {
        var _this = $(this);

        $.ajax({
            url: _this.attr('action'),
            data: _this.serialize(),
            type: 'POST',
            dataType: 'json',
            success: function (response) {
                if (response.success) {
                    $.pjax.reload({
                          container: "#my-pjax-container-id" 
                    });
                } else {
                    // alert
                }
            },
            error: function (jqXHR, textStatus, errorThrown) {
                console.info(textStatus + ' ' + errorThrown);
            }
        });

        return false;
    });

Answer 2

It won't work, it's easier to make your bike. Tested by pain, suffering and wasted time. You can use pjax as well, but you can't do without js handles.

Answer 3

Try to redirect to the form rendering action.

Answer 4

something like this:RewriteRule (.*)/ index.php?$1= [QSA]