我有一个大约40列的jqGrid treegrid,所以有一个大的水平滚动条(取决于浏览器的大小).问题是由于宽度太大,当页面加载或我做过滤器等时,你没有看到弹出的“正在加载消息……”.因为它偏离屏幕右侧.
有没有办法让“加载数据……”当前可见屏幕中的消息中心(而不是整个页面？
解决方法
我发现你的问题很好.同样的问题可能有jqGrid的其他用户.
我个人更喜欢使用loadui：’block’设置,它在网格加载期间显示整个网格上的叠加.在这种情况下,问题将不那么重要.
如果更改loadBeforeSend中“Loading …”div的位置,则可以获得更好的结果：
loadBeforeSend: function () {
var $loadingDiv = $("#load_"+$.jgrid.jqID(this.id)),$bdiv = $(this).closest('.ui-jqgrid-bdiv');
$loadingDiv.show().css({
top: (Math.min($bdiv.height(),$(window).height()) - $loadingDiv.height())/2 + 'px',left: (Math.min($bdiv.width(),$(window).width()) - $loadingDiv.width())/2 + 'px'
});
}
在我看来,最好修改jqGrid的基本代码(准确地修改beginReq函数的代码),使上面描述的“Loading …”div的位置始终改变.
更新：可能更好地实现更改“Loading …”div的位置
var gridIdAsSelector = $.jgrid.jqID(this.id),$loadingDiv = $("#load_" + gridIdAsSelector),$gBox = $("#gBox_" + gridIdAsSelector);
$loadingDiv.show().css({
top: (Math.min($gBox.height(),$(window).height()) - $loadingDiv.outerHeight())/2 + 'px',left: (Math.min($gBox.width(),$(window).width()) - $loadingDiv.outerWidth())/2 + 'px'
});
代码应该像以前一样放在loadBeforeSend中.
更新2：The demo展示了这个想法.我在loadComplate之外包含了代码,仅用于演示目的,以显示它的工作方式.在演示中,“加载”div保持可见,我还显示了在使用loadui时显示的叠加：’block’选项：
