Ext.tabPanel 最大化垂直高度答案

【问题标题】：Ext.tabPanel maximize vertical heightExt.tabPanel 最大化垂直高度
【发布时间】：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。是哪一个？

标签： extjs extjs4 extjs4.1 extjs3

【解决方案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>

【讨论】：