水平滚动列布局面板

Question

我很困扰这个问题的水平滚动条不apprearing在我的面板。我的应用程序在列布局中放置为6个面板。每个面板宽度为250像素。问题在于第6个面板显示在第5个面板下面而不是其侧面！

如何显示右侧的最后一个面板而不是第五个？这里是我的代码片段：

var appPanel = new Ext.Panel({ 
    applyTo: document.body, 
    autoWidth: true, 
    autoScroll: true, 
    title: 'Users & Groups Panel', 
    layout:'column', 
    items: [{ 
     items: p1 
    },{ 
     items: p2 
    },{ 
     items: p3 
    },{ 
     items: p4 
    },{ 
     items: p5 
    },{ 
     items: p6 
    }] 
}); 

每个面板宣布与250像素的宽度下面给出：

var p1= new Ext.Panel({ 
    frame:false, 
    width:250,  
    collapsible:false, 
    title:'Prime Users', 
    items: ... 
}); 

Answer 1

ColumnLayout被定义为具有浮动列，因此，如果您定义他们永远包裹固定宽度超过整个容器宽度。您应该使用百分比宽度，或使用不同的布局样式（或覆盖布局的默认CSS来完成您所需的功能）。