Ext.tabPanel 最大化垂直高度

Posted 2023-02-26

【中文标题】Ext.tabPanel 最大化垂直高度

【英文标题】：Ext.tabPanel maximize vertical height

【发布时间】：2013-04-30 07:50:21

【问题描述】：

我是 Ext JS 的新手。我对 Ext.tabPanel 的高度有疑问。 我的分机 JS 代码： html 代码：

<div id="TabPanel"></div>
<script type="text/javascript"> 
Ext.onReady(function () 
var ex2 = new Ext.TabPanel(plain: true,renderTo: TabPanel,
items: [title: 'Tab 1',
 html: '<div>Hello</div>'
title: 'Tab 2',html:'<div">Hello</div>']);)
</script>

如何将标签面板扩展到最大高度？

【问题讨论】：

您已将其标记为 Ext4、Ext 4.1 和 Ext3。是哪一个？

【参考方案1】：

Ext.create('Ext.tab.Panel', 
    width: 500,
    height: 700,
    activeTab: 0,
    items: [
        
            title: 'Tab 1',
            bodyPadding: 10,
            html : '<div>Hello from tab1</div>'
        ,
        
            title: 'Tab 2',
            html : '<div>Hello from tab2</div>'
        
    ],
    renderTo : Ext.getBody()
);

【参考方案2】：

您正在将标签呈现为div，因此将height=100% 添加到 div 属性中：

<div id="TabPanel" height="100%"></div>