Extjs Ext.tabPanel最大化垂直高度

我是Ext JS的新手。Ext.tabPanel的高度有问题。 我的Ext 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>

Ext.onReady（函数（）{
var ex2=new Ext.TabPanel（{plain:true，renderTo:TabPanel，
项目：[{标题：“表1”，
html:“你好”}
{title:'Tab 2'，html:'
Ext.create（'Ext.Tab.Panel'{
宽度：500，
身高：700，
活动选项卡：0，
项目：[
{
标题：“表1”，
车身衬垫：10，
html:“您好，来自tab1”
},
{
标题：“表2”，
html:“您好，来自tab2”
}
],
renderTo:Ext.getBody（）
});
您正在将选项卡渲染到
div
，因此将
height=100%
添加到div属性中：

您已将其标记为Ext4、Ext4.1和Ext3。它是哪一个？
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()
});