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

前端之家收集整理的这篇文章主要介绍了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’选项:

原文链接:https://www.f2er.com/jquery/180763.html

猜你在找的jQuery相关文章