1

私は次の構造を持っています：

TabPanel->FormPanel->Grid

ここに画像の説明を入力

そして、グリッドの高さをフォームパネルのすべての空きスペースに設定したいと考えています。layout:FormPanel の最初の textfield で fit`と言うと、formpanel のすべてのスペースを取得します。私がしたいことをする方法は？

フォームパネル:

var search = new Ext.FormPanel({
                labelAlign: 'top',
                frame:true,
                title: 'Поиск',
                //layout:'fit',
                viewConfig:{ forceFit: true },
                //bodyStyle:'padding:5px 5px 0',

グリッドパネル:

var searchTab = new Ext.grid.GridPanel({
    store: searchStore,
    region: 'center',
    cm: searchCm, 
    layout:'fit',
    selModel: new Ext.grid.RowSelectionModel(),
    stripeRows : true,
    height: 390,
    autoExpandColumn:'expColumn',
    loadMask: true,
    id: 'searchTab',
    title:'Найденные объекты',
    autoScroll: true,
4

2 に答える 2

-1

ユーザー borderLayout と 2 Region.North と center に分割します。トップ パネルのコンテンツを北の領域に追加し、グリッドを中央の領域に追加します。

layout: 'border',
        items: [{
            title: 'North Region is resizable',
            region: 'north',     // position for region
            xtype: 'panel',
            height: 100
        },{
            title: 'Center Region',
            region: 'center',     // center region is required, no width/height specified
            xtype: 'panel',
            layout: 'fit',
            items: {
                new Ext.grid.GridPanel({
                    store: searchStore,
                    region: 'center',
                    cm: searchCm, 
                    layout:'fit',
                    selModel: new Ext.grid.RowSelectionModel(),
                    stripeRows : true,
                    height: 390,
                    autoExpandColumn:'expColumn',
                    loadMask: true,
                    id: 'searchTab',
                    title:'????????? ???????',
                    autoScroll: true
                })
            }
        }]
于 2013-01-31T12:48:15.627 に答える
-3

textfield の高さを修正し、gridpanel の height:'100%' を試してください。Sushant Jain のソリューションは優れていますが、残りの領域をグリッドで占有する場合は、height:'100%' を選択してください。region: 'center' は、北の地域によって残りの領域を占有するのに役立ちますが、高さまたは幅を固定すると、中央の領域が拡大して残りの領域を占有する場合でも、グリッド パネルは固定された高さに残ります。

于 2013-01-31T16:04:19.540 に答える