Làm thế nào để cập nhật widget với pjax trong cửa sổ phương thức trong yii2

Question

Tôi có hai ActiveForms trong cửa sổ phương thức và sau khi gửi biểu mẫu đầu tiên, tôi cần cập nhật biểu mẫu thứ hai và giữ nguyên phương thức.

Theo tôi được biết pjax có thể xử lý đó, nhưng không thể làm cho nó hoạt động đúng.

Trong _form.php Tôi có ActiveForm với Widget Mà nên được cập nhật:

<?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(); ?> 

Và sau đó tôi có Ajax lợi nhuận yêu cầu Mà thành công nếu giải pháp mới được tạo ra:

  $.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(""); 
      } 
     }); 

Nhưng

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

đóng phương thức :( Nếu tôi đặt giá trị trả về bằng div, thì ajax hoạt động đúng và phương thức không đóng.

Answer 1

Managed mà không cần $ .pjax, chỉ cần bổ sung này

$("#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"); 

trong thành công ajax và mọi thứ đều ok! :)

Answer 2

Có lẽ việc tăng/tắt thời gian chờ có thể giúp giải quyết vấn đề này.

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

Thông tin chi tiết bạn có thể tìm thấy ở đây: yii2 how to use pjax when hyperlink is not in pjax