在 ExtJS 6 应用程序中使用 responsiveConfig 更改布局

Question

我正在使用 ExtJS 6 呈现响应式布局，其中两个面板水平对齐。我想要实现的是：

• 如果窗口大小 >= 1200 像素，则两个面板都应使用“hbox”布局呈现，即面板“A”应呈现在面板“B”的左侧。每个面板的宽度应约为。 50%
• 如果窗口大小 100%

This fiddle 显示了我当前的实现。这里的问题是，如果窗口大小

任何帮助表示赞赏！

Answer 1

您忘记将插件添加到子项中，如下所示：

items: [
    {
        title: 'A',
        width: '50%',
        html: '<p>lorem ipsum</p>',
        plugins: 'responsive',
        responsiveConfig: {
          ...

您必须将插件添加到每个获得响应式配置的组件。