Question

首先，我真的很抱歉我的英语很差。

现在当我在一个页面中使用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);

我希望我的多个列表可以在方向更改时重绘！有人可以帮忙吗？我将不胜感激！

Answer 1

您可以尝试收听orientationchange事件Sencha Docs Orientation Change，然后在两个列表中调用refresh

Sencha Touch-在一个面板中具有多个列表的方向更改问题

1 个答案: