Question

我正在尝试在ExtJS 6中调整窗口大小，并且它们调整大小很好，但我想在保持宽高比的同时调整它们的大小，但是在广泛的谷歌搜索和尝试许多选项之后到目前为止，我似乎无法找到溶液

我有一个简单的窗口，其中有两个面板，其中一个是textfield，另一个是另一个按钮，我想到了这一点 - 下面是我试图将其应用到的代码示例。

Ext.define('SenchaApp.view.MainView', {
extend: 'Ext.window.Window',

autoShow: true,
height: 600,
width: 600,
constrainHeader: true,
title: 'Main View',

items:[{
    xtype: 'panel',
    height: 200,
    width: 600,

        items:[{
            xtype: 'displayfield',
            text: 'my button'
        }]
   },
   {
    xtype: 'panel',
    height: 200,
    width: 600,

        items:[{
            xtype: 'button',
            text: 'my button'
        }]
   }
]
});

Answer 1

在您的窗口中使用resizable配置，该配置可以是Ext.resizer.Resizer的配置对象。 Resizer类的preserveRatio配置符合您的要求。

resizable: {
    preserveRatio: true
}

这是一个小提琴演示：

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

ExtJS可调整大小的窗口保持纵横比

1 个答案: