Question

我是extjs的新手，只是在hbox设置中坚持动态（百分比）高度。对不起，我可以提供我的sencha小提琴代码，所以我简化了我的问题，

这是代码

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％将起作用。如果你为第二个容器使用固定高度，那可能会有效。但我不认为％会这样做。

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

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

修改

嗯，这似乎与您在编辑之前发布的帖子完全不同。试试我为你的第一个代码建议的内容。

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

Answer 2

有同样的问题，使用这个sencha小提琴https://fiddle.sencha.com/#fiddle/4uv计算出来：将hbox的默认值高度更改为：

默认值：{ xtype：＆＃39;组件＆＃39;，身高：＆＃39; 100％＆＃39; }，

在hbox中extjs 100％高度

2 个答案: