1

私はPanel（私はそれを呼んでいます）、そしてこれの中My Panel 1に別のもの（私はそれを呼んでいます）を追加し、次に2番目のパネル（に）にグリッドを追加しました。ブラウザのまたはボタンをクリックしても、画面サイズに合わせてコンポーネントが縮小されません。どうすればこれを解決できますか？panelpanelMy Panel 2My Panel 2Restore Downre-sizing

Ext.define('MyApp.view.MyPanel', {
    extend: 'Ext.panel.Panel',

    height: 469,
    width: 729,
    title: 'My Panel 1',

    initComponent: function () {
        var me = this;

        Ext.applyIf(me, {
            items: [{
                xtype: 'panel',
                height: 238,
                title: 'My Panel 2',
                items: [{
                    xtype: 'gridpanel',
                    height: 179,
                    title: 'My Grid Panel 1',
                    columns: [{
                        xtype: 'gridcolumn',
                        dataIndex: 'string',
                        text: 'String'
                    }, {
                        xtype: 'numbercolumn',
                        dataIndex: 'number',
                        text: 'Number'
                    }, {
                        xtype: 'datecolumn',
                        dataIndex: 'date',
                        text: 'Date'
                    }, {
                        xtype: 'booleancolumn',
                        dataIndex: 'bool',
                        text: 'Boolean'
                    }],
                    viewConfig: {

                    }
                }]
            }]
        });

        me.callParent(arguments);
    }

});
4

1 に答える 1

3

ビューポートを使用することをお勧めします-ブラウザの「ビューポート」に自動的に調整されます:)また、自動的に管理する場合は、固定の幅と高さを設定しないでください。サンプルは次のとおりです：http：//jsfiddle.net/dbrin/gWaCv/embedded/result/

于 2012-07-20T17:40:19.520 に答える