javascript - 在动态加载的 html 上使用 jqgrid

Question

我有一个模式对话框，它通过 AJAX 调用加载其主体。在加载的正文中，我有 HTML 标记可以使用 jqGrid。

$.get('@Url.Action("ListPartial")',null, function(data, txtStatus, jqXHR) {
                 customModal('Modal header', data);
                 createListGrig("");
              });

customModal 方法

function customModal(title, body) {
    var modal = $('#modalDialog');
    modal.find('h6.modal-title').html(title);
    modal.find('#modalBody').html(body);
    modal.modal();
}

并且createListGrig方法在加载的html上应用jqGrid。

问题是，当我的模态出现时，网格的宽度为 0。但是当我添加 setTimeout 1 秒时，它会按预期显示。

setTimeout(function (){createListGrig("")}, 1000);

请帮我确定应用jqGrid的确切时间

Answer 1

正如 @A.Wolff 在他的评论中提到的，正确的时刻是调用模态的 shown 方法时。我像这样更新了我的代码以使其正常工作:

$.get('@Url.Action("ListPartial")',null, function(data, txtStatus, jqXHR) {
                customModal('Copy Address from Partner', data, function() {
                    createListGrig("");
                });
            });

和customModal方法

function customModal(title, body, callBack) {
    var modal = $('#modalDialog');
    modal.find('h6.modal-title').html(title);
    modal.find('#modalBody').html(body);
    modal.on('shown.bs.modal', function (e) {
        if (callBack) callBack();
    });
    modal.modal();
}