Sencha Touch 2テキストフィールドがフォーカスされているときに、回転台が縮小されます

Question

Ext.Carouselを使用してアプリケーション用に3つのパネルをラップしています。ある時点で、ユーザーがボタンをクリックすると、オーバーレイでポップアップするための一連のフィールドが必要になります。

現在、ユーザーがこれらのテキストフィールドの1つにフォーカスを当てると、カルーセル（現在はバックグラウンド）が縮小してアンドロイドキーボードの上に座り、この浮動テキストフィールドの背後にあるすべてがガベージのように見えます。ここでは例のコードは次のとおりです。

解決

Ext.Viewport.add(Ext.create('Ext.Carousel', { 
    fullscreen: true, 
    items: [ 
     { 
      xtype: 'panel', 
      items: [ 
       { 
        xtype: 'button', 
        handler: function() { 
         entryField = Ext.create('Ext.Panel', { 
          hidden: true, 
          modal: true, 
          floating: true, 
          width: '100%', 
          height: 'auto', 
          items: [ 
           { 
            xtype: 'textfield' 
           } 
          ] 
         }); 
         entryField.showBy(this); 
        } 
       } 
      ] 
     }, 

     { 
      xtype: 'panel' 
     }, 

     { 
      xtype: 'panel' 
     } 
    ] 
})); 

Answer 1

：

ビューポートは、実際にキーボードがプルアップされたときに縮みます。これを解決するには、アプリケーションが初期化されたときにビューポートの高さを画面の高さに設定するだけです。そうすれば、キーパッドが現れたときにフレキシブルではなく、この高さを維持します。