jqgrid - 上传 ajax 文件后刷新网格

Question

如何从网格本身外部刷新基于 jqgrid 的网格？在网格代码中存在调用reloadGrid 的选项。但是，我想在 jqgrid 代码之外进行 ajax 文件上传后重新加载网格。在这种情况下我怎么能打电话给reloadGrid？

我意识到我可以完全重新加载整个页面，例如：location.reload(); 但这会重新加载整个页面并将我放回网格结果的第一页，并且有点违背使用 ajax 上传文件放在首位。

一些代码：

reloadGrid 在 jqgrid 中调用如下：

$("#thegrid").trigger("reloadGrid");

但从我的 ajaxupload 中调用时它什么也不做：

        onComplete: function(file, response) {
            if (response == 'success') {
                        //location.reload();
                        $("#thegrid").trigger("reloadGrid");
                    }else if (response == 'error') {
                        alert("Doh!");
                    }

如果我取消注释 location.reload()，页面会重新加载，但触发器未注释（如上例所示）根本没有任何反应。那么如何重新加载这个网格呢？

Answer 1

制作一个函数来加载jqgrid。 并先卸载Jqgrid，调用之前的函数：

$("#thegrid").GridUnload();
Loadthegrid();

我希望这会有所帮助。

Answer 2

我认为在 jqGrid 之外使用 $("#thegrid").trigger("reloadGrid") 没有问题。问题可能在于ajaxupload 和$("#thegrid") 中的onComplete 之间的关系。

例如，您可以在与 jqGrid 相同的页面上定义一个外部按钮，其中 <table> 元素具有 id="thegrid" 并使用

$("#button").click(function() {
    if ($("#thegrid").length === 0) {
        alert("no element with id='thegrid' is found");
    }
    if ($.isFunction($("#thegrid").jqGrid) !== true) {
        alert("$('#thegrid') is not jqGrid");
    }
    var e = $("#thegrid").data("events");
    if (typeof(e) !== "undefined" && typeof(e.reloadGrid) !== "undefined") {
        $("#thegrid").trigger("reloadGrid");
    } else {
        alert("$('#thegrid') is not bound to 'reloadGrid' function");
    }
}

您将看到代码在没有任何警报的情况下正常工作。您可以在 ajaxupload 的 onComplete 处理程序中包含相同的代码。

要验证“reloadGrid”功能是否有效，您可以使用loadComplete：

loadComplete: function() {
    alert("grid is loaded/reloaded");
}

更新：从 jQuery 1.8 开始，应该使用 $._data($("#thegrid")[0], "events"); 而不是 $("#thegrid").data("events") 来获取网格中所有事件的列表。