在使用pjax重新加载gridview后，在gridview上的Yii2模态表单更新没有显示

Posted 2021-05-06

对不起，我的英语不好。

我创建了模态表单来创建和更新数据，并使用pjax重新加载容器网格。一切正常，但如果容器网格已加载，则不会出现更新的模态表单。它只显示常规更新表单。

但是如果我手动刷新页面，则会显示更新的模态表单。这是我的gridview中更新按钮的代码：

[
  'class' => 'yiigridActionColumn',
      'template' => '{view} {update} {delete}',
      'buttons' => [
         'update' => function($url, $model) {
             return html::a('<span class="glyphicon glyphicon-pencil"></span>', 
                 ['update', 'id' => $model->id], [
                    'class' => 'showModalButton',
                    'data-pjax' => 0,
                    'aria-label' => 'Update',
                    'title' => 'Update'
                  ]);
        }]
]

有什么建议吗？

答案

可能您正在使用此代码打开模型：

$('.showModalButton').click(function(){
  $('#model_name').modal('show');
});

替换为以下代码：

$('body').on('click', '.showModalButton', function() {

  $('#model_name').modal('show');

});