Sencha Touch: удаление элемента, обновление представления об изменении ориентации и т. Д.

Question

Sencha Touch: удаление элемента, обновление представления об изменении ориентации и т. Д.

Спасибо за ответ, похоже, что мы можем куда-то попасть. Я создал новый взгляд, который прост и в простой форме. Увидеть ниже:

  var homePanelTop = new Ext.Panel({    id:'topCont',
      cls:'topCont'    
  });
  var homePanelBtm = new Ext.Panel({
      id:'btmCont',
      cls:'btmCont'
  });


  App.views.HomeIndex = Ext.extend(Ext.Panel, {
          id:'mainlayout',
          fullscreen : true,
          layout: {
                      type: 'vbox',
                      align: 'stretch',
              },
              defaults:{flex:1},
           items: [homePanelTop, homePanelBtm],
           suspendLayout: true,
              monitorOrientation: true,
              orientationchange: this.onOrientationChange,
              onOrientationChange: function(orientation, w, h){
                  this.suspendLayout = false;
                   if(orientation === 'portrait'){
                           console.log('P: ' + orientation);
                              this.add(homePanelTop, true);
                          } else {
                           console.log('L: ' + orientation);
                              this.remove(homePanelTop, false);
                      }
                      this.doLayout();
              }
  });
  Ext.reg('HomeIndex', App.views.HomeIndex);

То, что я ожидаю увидеть в приведенном выше виде, относится к первой загрузке и портрету, будет две панели: верхняя панель (желтая) и нижняя панель (синяя). Когда я вращаюсь как обычно, я все равно получаю тот же эффект.

Но то, что я хочу, это то, что, когда я поворачиваюсь в горизонтальной плоскости, верхняя панель (желтая) удаляется, а нижняя панель (синяя) заполняет остальное пространство.

Затем, когда я поворачиваюсь назад к портрету, я возвращаю обе панели в их проектных размерах (flex:1)

Что происходит с помощью кода выше (тестирование в Chrome), так это то, что верхняя панель (желтая) остается сверху, но немного меньше по высоте и не исчезает так, как должна

В любом случае обратите внимание на две команды трассировки консоли, которые у меня есть, и они показывают следующие показания при вращении:

После первой загрузки я поворачиваюсь в альбомную ориентацию и получаю:

L: пейзаж