在extJS中设置边框布局的最小高度

时间:2013-10-29 05:35:59

标签: javascript extjs

这是我第一次涉及修复用extJS编写的问题。 我整天都在搜索答案,尽管事实上我学到了很多关于extJS的事实但我找不到答案。 我正在进行布局:边框,我想为我的西部地区设置最小高度。我知道可以为北方和南方设置特定的高度,但我需要其他区域有更大的高度,以便整个页面可以向上或向下滚动。 我尝试修复的代码是一个相当大的应用程序,但处理视口的部分如下所示。我真的很感激你的任何帮助或提示。

var panel = new Ext.Viewport({
            id: 'viewport',
            cls: 'theme2',
            scope: this,
            title: 'Wedding Planner',
            layout: 'border',
            monitorResize: true,
            defaults: {
              collapsible: true,
              split: true
            },
            items: [{
                region: 'north',
                xtype: 'panel',
                bodyStyle: 'background: transparent;',
                collapsible: false,
                collapsed: false,
                border:false,  
                split: false,    
                margins: '0 0 0 0',
                style: 'z-index: -1000',
                height: Ext.get('header').getHeight(),
                footer: true
            },this.appTabs,{
                region:'west',
                width: 330,
                collapsible: false,
                id: 'west-container',
                layout: 'fit',
                cls: 'mw-background',

                margins: '0 0 5 5',
                items: [
                    this.weddingPlan
                ]      
            }]

        });

1 个答案:

答案 0 :(得分:0)

使用minHeight配置来解决您的问题。