我有一个大约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’选项:
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。