ExtJs 4.1 min 宽度和对齐“拉伸”不能一起工作

Question

我有这个代码（https://fiddle.sencha.com/#fiddle/r38）：

Ext.onReady(function () {
        Ext.create("Ext.panel.Panel", {
            renderTo: Ext.getBody(),
            height: 200,
            autoScroll: true,
            items: [{
                layout: {
                    type: "vbox",
                    align: "stretch"
                },
                minWidth: 400
            }
            ],
            layout: {
                type: "vbox",
                align: "stretch"
            }
        });
    });

如果窗口大小小于 minWidth，即 400px，我需要显示水平滚动条。但它没有显示。我正在寻找通用解决方案，就实际项目而言，我有更复杂的树结构。

Answer 1

尝试添加：

 flex: 1

在你的“物品”中

另加：

cls: 'my-panel'

为您的面板

然后尝试在你的 sass/css 样式中使用媒体查询：

@media only screen and (max-width: 400px){
   .my-panel{
       overflow-x: scroll;
   }
}