2013-04-30 62 views
0

我是Ext JS的新手。我有一个Ext.tabPanel的高度问题。 我的Ext JS代码: HTML代码:Ext.tabPanel最大化垂直高度

<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> 

我怎么能延长最大高度我的标签面板?

+1

您已经标记了它为ext4,分机4.1和Ext3。哪一个? – 2013-04-30 08:04:26

+0

它似乎是Ext3。 – Thevs 2013-05-01 07:42:51

回答

0
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() 
}); 
0

要渲染的标签为div,所以加height=100%到div属性:

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