너비가 고정 된 플렉스 너비의 ExtJs 대시 보드를 만드는 방법은 무엇입니까?

Question

ExtJs6에서는 다음과 같이 열 너비를 구성 할 수 있습니다. columnWidths : [0.1, 0.7, 0.2], 대시 보드 전체 너비의 10 %, 70 % 및 20 %로 열을 만듭니다.

하지만 첫 번째와 세 번째 열의 너비는 고정되어 있고 가운데에는 항상 왼쪽이 있어야합니다.

누구나 아이디어가 있습니까?

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