ExtJs设置窗口高度

Question

我正在尝试动态设置窗口高度：

 component.remove(Ext.getCmp("comboBoxTypeOfSchool", true));
 component.remove(Ext.getCmp("comboBoxProgram", true));
 Ext.getCmp("winDecisionEditor").setHeight(190);

但是，在浏览器中，我看到它将高度设置为“ winDecisionEditor-body”，而不是“ winDecisionEditor”。 如何将高度设置为“ winDecisionEditor”？ 提前致谢！

这是我对窗户的看法：

Ext.define('MyApp.view.decisionWindow', {
extend: 'Ext.window.Window',

requires: [
    'Ext.form.Panel',
    'Ext.form.field.Date',
    'Ext.form.field.ComboBox',
    'Ext.form.field.Display',
    'Ext.button.Button',
    'Ext.form.FieldSet'
],

height: '',
id: 'winDecisionEditor',
margin: '',
width: 707,
layout: 'fit',
title: 'Create decision',
modal: true,

//Other stuff
});

更新：摆弄这个问题

https://fiddle.sencha.com/#fiddle/12rh

Answer 1

我认为问题在于布局。 布局适合不是您页面的最佳选择，因为它使内部面板适合容器（反之亦然）。

我认为，如果您想将窗口拉伸到内部项目（并因此将“项目区域”的大小更改为所需的大小，即您的示例190），则应该使用其他布局。 例如在may example中，我正在使用layout:{type:'vbox', align:'stretch'} 。

在这里，我修改原始的小提琴：

https://fiddle.sencha.com/#fiddle/12ri

更新：

请考虑Mitchell Simoens的非常重要的答案，即

布局合适，但未正确解释。 Fit布局采用第一个子组件（仅ONE）并将其适合容器的大小（在这种情况下为窗口）。

这意味着，第一个组合框将具有窗口的大小，并且根本不会显示其他项。 适合的布局将根据容器的子组件调整大小。

https://fiddle.sencha.com/#fiddle/12rs

注意大小在哪里（或缺少大小和自动调整大小）