0

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

現在、ユーザーがこれらのテキストフィールドの1つにフォーカスを合わせると、カルーセル（現在はバックグラウンドにあります）が縮小してAndroidキーボードの上に配置され、このフローティングテキストフィールドの背後にあるすべてのものがゴミのように見えます。コード例は次のとおりです。

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'
        }
    ]
}));
4

1 に答える 1

0

解決済み：

キーボードを引き上げると、ビューポートは実際に縮小します。これを解決するには、ビューポートの高さをアプリの初期化時の画面の高さに設定するだけです。そうすれば、キーパッドが現れたときに曲がるのではなく、この高さを維持します。

于 2012-04-23T20:39:24.390 に答える