ExtJ设置窗口高度

Question

我正在字符串中动态设置窗口高度：

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

但是，在浏览器中，我看到它将高度设置为"winDecisionEditor body"，而不是"winDecision Editor"。如何将高度设置为"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中），你应该使用另一种布局。例如，在可能的示例中，我正在使用CCD_ 1。

在这里我修改了原来的小提琴：

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

更新：

请考虑以下非常重要的答案Mitchell Simoens，那是

符合布局，但没有正确解释。Fit布局占据首位子组件（仅一个），并使其适合容器的大小（在这种情况下是窗口）。

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

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

注意尺寸在哪里（或缺少尺寸并自动调整尺寸）