jquery – 如何使“加载数据”居中. .“jqgrid treegrid中可见屏幕中的消息？

我有一个大约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’选项：