0

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

这是代码

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，

感谢大家

4

2 回答 2

1

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

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

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

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

编辑

好吧，这看起来一点也不像您在编辑之前发布的帖子。试试我对你的第一个代码的建议。

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

于 2014-02-11T14:58:45.483 回答
0

遇到了同样的问题，使用这个 sencha fiddle https://fiddle.sencha.com/#fiddle/4uv解决了这个问题：将 hbox 的默认高度更改为：

默认值：{ xtype：'组件'，高度：'100%' }，

于 2014-04-21T09:00:17.133 回答