如何检测页面上的所有 jqGrids 是否已加载？

Question

我正在使用 jqGrid 的 ASP.NET WebForms 版本，但是我确信应该可以使用与标准网格相同的事件。

我有一些页面上有多个网格，可能只有一个，也可能是多个。我有一个打印按钮，它将显示 10,000 条记录（显示网格上的所有记录），调整它的大小以适合 A4 纸，触发window.print()，然后返回到原始记录数，并将网格重新调整为100%。

缺少的部分是知道何时触发window.print()，因为我需要等待所有网格都加载完毕后再这样做。

我尝试使用全局var allGridsLoaded = false;，然后使用Load_Complete 事件和beforePageChange 设置var，但显然每个网格都重置了var，我不确定如何跟踪它们？

在Load_Complete 中，我想我可以遍历每个网格，但是判断它们是否已加载的最简洁的方法是什么？

Answer 1

我不确定我是否完全理解您的要求。不过在我看来你需要

• 获取页面上的网格总数
• 为所有网格注册“全局”Load_Complete
• 在开始准备打印之前将计数器设置为网格总数，开始重新加载网格，如果计数器的值为 0，则减少“全局”Load_Complete 句柄和 window.print() 内的计数器。李>

因此，您真正需要的是上述列表中的两件事。每个网格都将基于一个空的 <table> 元素构建。 jqGrid 将"ui-jqgrid-btable" 类添加到所有表中。所以你可以使用

$(".ui-jqgrid-btable")

获取页面上所有网格的 jQuery 包装器。 $(".ui-jqgrid-btable").length 是网格数。要为所有网格注册通用“全局”Load_Complete，您可以使用jqGridLoadComplete（或jqGridAfterLoadComplete）事件（参见the documentation）：

$(".ui-jqgrid-btable").bind("jqGridLoadComplete", function (e, data) {
    // ...
});

更多信息请参见the answer。

我希望您能够以这种方式实现您的所有要求。