Question

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

如何在最大高度上扩展标签面板？

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

Answer 2

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

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

Ext.tabPanel最大化垂直高度

2 个答案: