如何解决如何模拟隐藏的无限网格的下一个负载?
我使用无限网格。 一行 = 1 个标题 + 1 张图片(缩略图)
我实际上尝试添加一个数据视图来拥有像 Google 图片。连续看几张图片。 图片来自无限网格。 当无限网格可见时,数据视图被隐藏。 当数据视图可见时,无限网格被隐藏。
图片被加载到 InfiniteGrid 回调内的数据视图存储中。
但是我遇到了一个问题,当用户在数据视图底部时,我想启动下一个无限网格页面。
我像这样检测数据视图底部:
onAfterRender: function() {
this.getRefmaindataview().getTargetEl().on('scroll',this.onScroll,this);
}
onScroll: function(e,t) {
var w = this.getRefmaindataview();
var height = w.getTargetEl().getHeight();
if (height + t.scrollTop >= t.scrollHeight) {
console.log('bottom');
}
}
效果很好。
var scrollPosition = x * 132;
// x = inf grid records already downloaded;
// 132 is the row height
infg.getEl().down('.x-grid-view').scrollTo('top',scrollPosition,true);
如果无限网格可见,这个小代码工作正常,但当无限网格隐藏时它不起作用。
是否存在另一种“同步”我的数据视图和无限网格的方法? 是否有可能启动下一个无限电网负载?
我在 onScroll 中尝试下面的代码,但我总是加载相同的页面并且 addRecords 不起作用,它用最后下载的行替换前 25 行:
var infs = this.getRefInfGrid().getStore();
infs.loadPage(1,{
addRecords : true,scope : this,params : { start: infs.data.length * 25 }
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。