扩展 100% 高度在 hbox 中

Question

我是 extjs 的新手，只是在 hbox 设置中停留在动态（百分比）高度上。抱歉，我可以为您提供有关煎茶小提琴的代码，所以我简化了我的问题，

这是代码

Ext.application({
name : 'Fiddle',
launch : function() {
    Ext.create('Ext.Container', {
width: "100%",
height: 200,
title: "HBoxLayout Panel",
layout: {
    type: 'hbox',
    align: 'stretch'
},
renderTo: document.body,
items: [{
    xtype: 'panel',
    title: 'Inner Panel One',
    flex: 2
},{
    xtype: 'panel',
    title: 'Inner Panel Two',
    flex: 1
},{
    xtype: 'panel',
    title: 'Inner Panel Three',
    flex: 1
}]});}});

我如何将容器的高度更改为 100% 而不是静态像素值，如本例中的 200，

谢谢大家

Answer 1

就

我而言，包含在具有适合布局的视图中的项目将适合其父级的容器。

所以我不认为使用布局适合然后将第二个容器高度指定为 45% 会起作用。不过，如果您为第二个容器使用固定高度，这可能会起作用。但我不认为%会做。

为第一个容器尝试另一种布局，也许锚点会按您的预期工作。

这是煎茶布局的链接...http://dev.sencha.com/deploy/ext-4.0.0/examples/layout-browser/layout-browser.html

编辑

好吧，这似乎根本不像您在编辑之前发布的帖子。 试试我为您的第一个代码建议的内容。

如果我们使用您的实际代码会是最好的，但至于您现在发布的此代码......https://fiddle.sencha.com/#fiddle/3hg

Answer 2

有同样的问题，用这个煎茶小提琴 https://fiddle.sencha.com/#fiddle/4uv 想通了：将 hbox 的默认值高度更改为：

默认值：{ xtype ： 'component'， 高度 ： "100%"},