我正在尝试使用 ajax 将两个 jqgrids 加载到一个页面上。我的问题是第一个网格加载速度非常快,第二个需要几秒钟。翻阅第二个页面也需要几秒钟。
这是我的代码的结构。这是使用页面上的表格元素调用 ajax 的 jquery。
$(document).on("click", "#loadTables", function(){
$.post("./ajax/page_with_tables.php", {}, function(data){
$(body).html(data);
build_first_grid();
window.setTimeout(function(){
build_second_grid();
}, 10);
});
});
两个网格都加载并按预期工作,但第二个网格非常缓慢。两个网格都有大约 3000 行。“build_*_grid()”函数只是调用 jqgrid 来构建网格,没什么特别的。两者都使用自己的返回 XML 的 ajax 调用。
存在超时功能,因为如果两者都在完全相同的时间加载,则图形存在问题。短暂的超时解决了这个问题。
这是从 page_with_tables.php 发送到浏览器的 html
<div id="tableOne"><table id="tableOneData"><tr><td></td></tr></table><div id="tableOnePager"></div></div>
<div id="tableTwo"><table id="tableTwoData"><tr><td></td></tr></table><div id="tableTwoPager"></div></div>
我已经搜索并询问过,但我似乎无法找到问题所在。非常感谢您的帮助。