我在数据视图中配置了滚动事件,但它们不会触发。其余的可滚动配置都没问题,只是似乎没有考虑听众的配置。任何线索?
{ itemId:'names',
xtype:'dataview',
disableSelection:true,
scrollable:{
direction:'vertical',
listeners:{
scroll:function(){
console.log('[scrollable][on scroll]');
},
scrollend:function( scroller, x, y, eOpts ){
console.log('[scrollable][on scrollend]x='+x+', y='+y);
}
}
},
store:{
fields:['name'],
data:[{name:'Cherif'}]
},
itemTpl:'{name}'
}
答案 0 :(得分:5)
编辑:此时已尝试过修正
您需要将listeners
配置放在scroller
demonstrated in this jsFiddle内:
{
xtype:'dataview',
fullscreen: true,
scrollable: {
direction:'vertical',
scroller: {
listeners:{
scroll:function(){
console.log('[scrollable][on scroll]');
},
scrollend:function( scroller, x, y, eOpts ){
console.log('[scrollable][on scrollend]x='+x+', y='+y);
}
}
}
},
store: {
fields: ['name', 'age'],
data: [
{name: 'Jamie', age: 100},
{name: 'Rob', age: 21},
{name: 'Tommy', age: 24},
{name: 'Jacky', age: 24},
{name: 'Ed', age: 26}
]
},
itemTpl: '<div>{name} is {age} years old</div>'
}