首先，我真的很抱歉我的英语很差。
现在当我在一个页面中使用Ext.List时，它在方向更改时工作正常，任何内容都会重绘。如下所示：
App.views.HomeLogin = Ext.extend(Ext.List, {
ui:'round',
style:'background:url(bg@2x.png);background-size:100% 100%',
xtype:'list',
store:'LoginItems',
itemTpl: '<span>{item}</span>',
});
Ext.reg('HomeLogin', App.views.HomeLogin);
但是现在我想在一个页面中有多个列表，遗憾的是当方向改变时它不会重绘，这里是我的代码：
var firstList = new Ext.List({
style:'background:none;margin-bottom:-40px',
xtype:'list',
ui: 'round',
store:'FirstItems',
itemTpl:'<div style="font-weight:bold;width:100%">{item}</div>',
});
var segmentedButton = new Ext.SegmentedButton({
layout: {
//type: 'vbox',
pack: 'center',
},
style:'padding-left:20px;padding-right:20px',
items: [
{
ui:'action',
style:'width:50%;height:140%',
text: 'Sailing'
},
{
ui:'action',
style:'width:50%;height:140%',
text : 'Arrival',
pressed: true
}
],
});
var secondList = new Ext.List({
style:'background:none;margin-top:-8px;margin-bottom:-40px',
xtype:'list',
ui: 'round',
store:'SecondItems',
itemTpl:'<div style="font-weight:bold;width:100%">{item}</div>',
listeners:{
afterrender:function(){
this.scroller.disable();
}
},
})
App.views.HomeView = Ext.extend(Ext.Panel,{
//layout:'fit',
//fullscreen:true,
style:'background:url(bg@2x.png);background-size:100% 100%',
scroll: 'vertical',
items:[
firstList,
//dateTitle,
segmentedButton,
secondList,
//recentTitle
]
});
Ext.reg('HomeView', App.views.HomeView);
我希望我的多个列表可以在方向更改时重绘！ 有人可以帮忙吗？ 我将不胜感激！