水平滾動列布局面板

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來完成您所需的功能）。