Sencha Touch - проблема изменения ориентации с несколькими списками на одной панели - PullRequest
Новая
       3

Sencha Touch - проблема изменения ориентации с несколькими списками на одной панели

0 голосов
/ 30 марта 2012

Во-первых, мне очень жаль моего плохого английского.

Теперь, когда я использую 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);

Я хочу, чтобы мой множественный список мог перерисовываться при смене ориентации! Кто-нибудь может помочь? Буду благодарен!

1 Ответ

0 голосов
/ 01 апреля 2012

Вы можете попытаться прослушать событие orientationchange Изменение ориентации документов Sencha , а затем вызвать refresh в обоих списках

...