1

我有多个表单，想使用一个 Window 类来查看它们。现在碰巧所有表格都有不同的大小，我不想管理所有表格，所以我考虑了“适合”布局以及窗口的最小/最大重量/高度。

但这很容易，如果我应用dockedItems了混乱的布局以及layout failed. 无论这个错误应该告诉我什么......但是好吧，我用谷歌搜索并发现我需要定义一个高度和一个宽度以使这个错误消失以及一个名为的新特殊属性：shrinkWrapDock它应该告诉布局依赖内容的大小。

所以又是我的问题

当我想在窗口具有最大/最小尺寸的情况下自动适应窗口时，我会采用哪种布局？

编辑

它不必是严格的表单，它只是配置了“适合”布局的 Ext.window.Window，它应该为自己保持最小/最大大小。因此，窗口中的一个非常小的项目可能有未使用的空间，而一个非常大的项目则有滚动条。窗口的最小值/最大值之间的所有内容都被精确地调用。例如

// lets say we have a window configured like this
{
    xtype:'window',
    minHeight: 50,
    maxHeight: 500,
    layout: 'fit'
}

  1. 到小表格-> 添加一个只有一个textfield.

    窗口使用minHeight: 50是因为一个字段的高度只有 ~40 px

  2. 适合最小/最大-> 添加一个 6textfield秒的表格。

    Windows 缩放到表单所需的大小 ~ 240px

  3. To height form -> 添加一个 20 textfields的表单

    窗口使用maxHeight: 500，因为 20 字段的高度约为 800 像素

4

1 回答 1

0

使用窗口内的面板（具有固定 max，min ht wdt）作为父容器，对其项目使用 flex 属性，即您的多种形式，例如：

{ xtype:'panel', itemId:'somePanelId', layout :'fit', items :[ { xtype:'form', flex : 2, items [{..}] }, { xtype :'form', flex : 3, 项目 [{..}] } }

根据每个表单的大小为每个表单尝试不同的 flex 组合。虽然给予 flex 考虑作为修复数，但这里说“5”作为 form1 的 2/5 大小和 form2 的 3/5（五分之三）空间。

于 2016-04-20T09:20:50.030 回答