0
首先,我非常抱歉我的英語不好。Sencha Touch-一個面板中多個列表的方向更改問題
現在,當我在一個頁面中使用Ext.List時,它在定位更改時可以正常工作,並且任何內容都將重繪。如下圖所示:
App.views.HomeLogin = Ext.extend(Ext.List, {
ui:'round',
style:'background:url([email protected]);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([email protected]);background-size:100% 100%',
scroll: 'vertical',
items:[
firstList,
//dateTitle,
segmentedButton,
secondList,
//recentTitle
]
});
Ext.reg('HomeView', App.views.HomeView);
我希望我的多單可以重繪時方向改變! 任何人都可以幫忙嗎? 我將不勝感激!