2012-03-30 7 views
0

まず、私の貧しい英会話には本当に申し訳ありません。Sencha Touch- 1つのパネルに複数のリストがある場合の向き変更の問題

1つのページで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); 

しかし、今私は1つのページに複数のリストをしたい、ここに私のコード:以下のように

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); 

私は、複数のリストをしたいがするときの向きの変更を再描画することができます! 誰も助けることができますか? 私は感謝します!

答えて

0

あなたはorientationchangeイベントSencha Docs Orientation Changeをリッスンして、両方のリストにrefreshを呼び出すために試みることができる

関連する問題