使用Sencha Touch 1.1版,我尝试在Ext.Carousel中放入几个类型为Ext.List的列表,以便: 我可以横向滑动,以便在几个不同的列表之间切换。 2.同时我希望能够滚动可见列表并能够选择一行等。
到目前为止有效: 我可以在旋转木马上添加几个列表。一切都完美呈现。水平滑动手势可以在不同列表之间切换。
问题: 我无法滚动并从列表中选择一行。 看起来旋转木马会消除所有事件,我的列表不会对任何拖动,滚动或点击事件做出反应。
有什么想法吗?
Ext.regModel('Contact', {
fields: ['firstName', 'lastName']});
var store = new Ext.data.JsonStore({
model : 'Contact',
sorters: 'lastName',
getGroupString : function(record) {
return record.get('lastName')[0];
},
data: [
{firstName: 'Tommy', lastName: 'Maintz'},
{firstName: 'Rob', lastName: 'Dougan'},
{firstName: 'Ed', lastName: 'Spencer'},
{firstName: 'Jamie', lastName: 'Avins'}
]
});
var list1 = new Ext.List({
fullscreen:true,
itemTpl : '{firstName} {lastName}',
grouped : true,
indexBar: false,
scroll: true,
store: store
});
var list2 = new Ext.List({
fullscreen:true,
itemTpl : '{firstName} {lastName}',
grouped : true,
indexBar: false,
scroll: true,
store: store,
listeners : {
itemtap : function(view, index, item, e) {
alert("test for tab works");
}
}
});
carousel = new Ext.Carousel({
indicator:false,
direction:'horizontal',
fullscreen:true,
items: [
list1,
list2
]
});
carousel.show();
list1.show();
list2.show();
答案 0 :(得分:0)
如果你没有解决问题,
尝试使用“scrollable:true”而不是“scroll”
或尝试在旋转木马内使用可滚动。