ExtJs 4.1 minWidth和对齐“拉伸”不工作togather

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;
   }
}