如何在 yii2 的模态 window 中使用 pjax 更新小部件

Question

我在模态中有两个 ActiveForms window，在提交第一个表单后，我需要更新第二个并保持模态。

据我所知，pjax 可以处理，但无法正常工作。

在 _form.php 中，我有 ActiveForm 和应该更新的小部件：

<?php $form = ActiveForm::begin([
    'id'=>'form',
    'enableAjaxValidation'=>true,
]); ?>
<?= Html::activeHiddenInput($riskModel, 'id', ['value' => $riskModel->id]) ?>

<?php Pjax::begin([
    'id' => 'solutionItems',
]) ?>
//need to update this widget
    <?= $form->field($riskModel, 'solutions_order')->widget(SortableInput::classname(), [
        'items' => $riskModel->getSolutionList(),
        'hideInput' => false,
        'options' => ['class'=>'form-control', 'readonly'=>false]
    ]); ?>
<?php Pjax::end() ?>

<div class="form-group">
    <?= Html::submitButton($riskModel->isNewRecord ? 'Create' : 'Update', ['class' => $riskModel->isNewRecord ? 'btn btn-success' : 'btn btn-primary', 'onclick' => 'return isConnected()']) ?>
</div>

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

然后我 Ajax 请求 returns 如果创建了新解决方案则成功：

$.ajax({
    url: form.attr('action'),
    type: 'post',
    data: form.serialize(),
    success: function (data) {
        if (data && data.result == 1) {
            $.pjax.reload({container:'#solutionItems'});
        }
    },
    error: function (XMLHttpRequest, textStatus, errorThrown) {
        $("#error").html("Kļūda! Neizdevās pievienot ierakstu.").fadeIn('highlight','', 2000, callbackError());
        $("#solutions-solution").val("");
    }
});

但是

$.pjax.reload({container:'#solutionItems'});

关闭模态。如果我将返回值放在 div 中，那么 ajax 可以正常工作并且模式不会关闭。

Answer 1

在没有 $.pjax 的情况下进行管理，只是添加了这个

 $("#risks-solutions_order-sortable").append('<li data-id="'+data.id+'" data-key="'+data.id+'" draggable="true">'+data.solution+'</li>');
 $("ul[id$='sortable'").trigger('sortupdate');
 $('#risks-solutions_order-sortable').sortable( "refreshPositions" );

在ajax成功，一切正常！ :)

Answer 2

也许increasing/disabling超时可以帮助解决这个问题。

$.pjax.reload('#solutionItems', {timeout : false});

您可以在此处找到更多详细信息：yii2 how to use pjax when hyperlink is not in pjax

如何在 yii2 的模态 window 中使用 pjax 更新小部件

How to update widget with pjax in modal window in yii2

php

ajax

pjax

yii2

active-form