Sencha Touch 和 Clusterize.js,向下传递触摸滚动事件
Sencha Touch and Clusterize.js, passing down touch scroll events
我正在尝试获得一个非常大的列表以干净地滚动并想实现 Clusterize.js 但 Sencha 似乎抓住了触摸滚动事件并且不会让它们传递下去。
Clusterize.js URL: http://nexts.github.io/Clusterize.js/
我启动了一个 fiddle 来显示普通列表及其性能,我正在努力实施 Clusterize...:http://jsfiddle.net/AnthonyV/9hds0has/
注意:我需要它在 IE 上运行并在性能较弱的移动平板电脑上表现良好。
我不想在 HTML 面板上启用滚动条,因为那样只会造成干扰。
我确实尝试启用滚动条,然后添加侦听器以向下推送事件并禁用传播,但这没有用。
{
direction:'vertical',
scroller: {
listeners:{
scrollstart:function(a,b,c){
// stop the scroller an pass on the event;
return false;
},
scroll:function(a,b,c){
// stop the scroller an pass on the event;
console.log('[scrollable][on scroll]');
return false;
},
scrollend:function( scroller, x, y, eOpts ){
// stop the scroller an pass on the event;
console.log('[scrollable][on scrollend]x='+x+', y='+y);
return false;
}
}
}
}
我还查看了 relayEvent 和 relayEvents,但它们似乎适合在 ext 小部件之间推送事件..
答案是不要!
Clusterize.js 是实现无限滚动的一种非常酷的方式,但该功能已经内置到 Sencha 列表小部件中。唯一的问题是要让它工作或正常工作,您需要升级到 Sencha Touch 2.4.2
有关如何实现它的更多信息,请参阅以下 Whosebug 问题:
我正在尝试获得一个非常大的列表以干净地滚动并想实现 Clusterize.js 但 Sencha 似乎抓住了触摸滚动事件并且不会让它们传递下去。
Clusterize.js URL: http://nexts.github.io/Clusterize.js/
我启动了一个 fiddle 来显示普通列表及其性能,我正在努力实施 Clusterize...:http://jsfiddle.net/AnthonyV/9hds0has/
注意:我需要它在 IE 上运行并在性能较弱的移动平板电脑上表现良好。
我不想在 HTML 面板上启用滚动条,因为那样只会造成干扰。
我确实尝试启用滚动条,然后添加侦听器以向下推送事件并禁用传播,但这没有用。
{
direction:'vertical',
scroller: {
listeners:{
scrollstart:function(a,b,c){
// stop the scroller an pass on the event;
return false;
},
scroll:function(a,b,c){
// stop the scroller an pass on the event;
console.log('[scrollable][on scroll]');
return false;
},
scrollend:function( scroller, x, y, eOpts ){
// stop the scroller an pass on the event;
console.log('[scrollable][on scrollend]x='+x+', y='+y);
return false;
}
}
}
}
我还查看了 relayEvent 和 relayEvents,但它们似乎适合在 ext 小部件之间推送事件..
答案是不要!
Clusterize.js 是实现无限滚动的一种非常酷的方式,但该功能已经内置到 Sencha 列表小部件中。唯一的问题是要让它工作或正常工作,您需要升级到 Sencha Touch 2.4.2
有关如何实现它的更多信息,请参阅以下 Whosebug 问题: