1

私はタブパネルを持っていて、その中でグリッドパネルを追加しました。これで、ブラウザウィンドウのサイズを変更するときに（小さくするなど）、グリッド列と他のすべてのコンポーネントを縮小してサイズを調整し、任意のウィンドウサイズでビューが表示されるようにします。これどうやってするの ？

私はsencha-architect2を使用しています

Ext.define('App.view.ExView', {
    extend: 'Ext.tab.Panel',

    autoRender: true,
    autoShow: true,
    frame: true,
    height: 600,
    id: 'mainpanel',
    width: 1360,
    maintainFlex: false,
    suspendLayout: false,
    hideCollapseTool: false,
    title: 'Example Project',
    titleCollapse: false,
    activeTab: 0,
    plain: true,
    fullscreen: 'true',

グリッド

items: [
                        {
                            xtype: 'gridpanel',
                            autoShow: true,
                            height: 100,
                            minHeight: 40,
                            minWidth: 50,
                            autoScroll: true,
                            title: 'Grid',
                            store: 'storegrid',
                            layout: {
                                type: 'fit'
                            },
                            viewConfig: {

                            },
                            columns: [
                                {
                                    xtype: 'gridcolumn',
                                    maintainFlex: false,
                                    dataIndex: 'name',
                                    flex: 1,
                                    text: 'name'
                                },
                                {
                                    xtype: 'gridcolumn',
                                    maintainFlex: false,
                                    dataIndex: 'age',
                                    flex: 1,
                                    text: 'age'
                                }
                            ]
                        }
                    ]
                }
            ]
        });
4

1 に答える 1

1

コンテナにアンカーレイアウトを使用する

これは、コンテナの寸法に対して含まれている要素を固定できるようにするレイアウトです。コンテナのサイズが変更されると、アンカーされたすべてのアイテムがアンカールールに従って自動的に再レン​​ダリングされます。

http://docs.sencha.com/ext-js/4-1/#!/api/Ext.layout.container.Anchor

于 2012-07-16T06:54:36.613 に答える