固定幅とフレックス幅の列でExtJsダッシュボードを作成するにはどうすればよいですか？

Question

ExtJs6では、列幅を columnWidths：[0.1、0.7、0.2]、 で設定できます。これにより、ダッシュボードの全幅の10％、70％、および20％の列が作成されます。

しかし、最初の列と3番目の列の幅を固定し、中間の列を常に左にしたいとします。

誰もがアイデアを持っていますか？

Answer 1

代わりにborder layoutを使用します。左と右の領域（西と東）にはそれらの固定幅が与えられます。中央の領域は中央ですが、デフォルトでは残りの幅のすべてが使用されます。

Answer 2

Ext.layout.container.Column説明によると、あなたはこのような何かを行うことができます。

// Mix of width and columnWidth -- all columnWidth values must add up 
// to 1. The first column will take up exactly 120px, and the last two 
// columns will fill the remaining container width. 

Ext.create('Ext.Panel', { 
    title: 'Column Layout - Mixed', 
    layout:'column', 
    items: [{ 
     title: 'Column 1', 
     width: 120 
    },{ 
     title: 'Column 2', 
     columnWidth: 0.7 
    },{ 
     title: 'Column 3', 
     columnWidth: 0.3 
    }], 
    renderTo: Ext.getBody() 
});