Dgrid BorderContainer 내에서 크기 조정

Question

BorderContainer 내에 "liveSplitters"가 설정된 (Dojo 1.8 사용) dgrid가 있습니다. dgrid는 멋지게 나옵니다. 그러나 왼쪽 열과 "leading"열 (dgrid가 있음) 사이에서 스플리터를 이동하면 dgrid의 크기가 제대로 조정되지 않습니다. 그러나 창 크기를 조정하면 dgrid가 적절한 크기로 다시 스냅됩니다 (즉, BorderContainer의 "leading"창 100 % 채우기).

CSS에서 dgrid를 100 % 너비로 설정했습니다. 스플리터가 움직 인 후에 크기를 새로 고치려면 dgrid에 알려야 할 필요가 있습니까? http://jsfiddle.net/phusick/VjJBT/이

당신이 찾고있는 CSS 규칙은 다음과 같습니다 :이 예에서

Answer 1

봐 나는 또 다른 dgrid 관련 질문에 대답 쓴

#grid { 
    position: absolute; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    height: auto; 
} 

편집 :가 나는의 문제가되었을 수 있습니다 생각 dgrid 버전이므로 내 dgrid을 최신 버전 0.3.3으로 업데이트하고 자신의 문제에 대한 테스트를 만들었습니다 : http://jsfiddle.net/phusick/5mHTS/.

음, 버전 문제가 아니며 BorderContainer 크기 조정시 0.3.1 및 0.3.3이 잘 작동하지만 Chrome 및 Firefox에서만 작동합니다. 나는 IE9와 오페라 12.10에 문제를 재현 :

그리드는 BorderContainer 크기를 조정하면 IE9/오페라에서 발생하지 않는, 제대로 크기를 조정 grid.resize()를 호출 할 필요가 있지만, 창 크기를 조정할 때 항상 발생 . 크기를 조정할 때 레이아웃 구성 요소, BorderContainer 및 ContentPane처럼, 모든 는 Dijit 어린이 resize()를 호출하기 때문에

DijitRegistry

는 문제를 해결합니다.

그래서 중 하나를 서브 클래스 DijitRegistry 또는 dojo/aspect 그리드의 부모 ContentPane에 resize를 수신하고 grid::resize()를 호출 :

aspect.after(contentPane, "resize", function() { 
    grid.resize(); 
}); 

Answer 2

을 @ phusick의 대답에 코멘트에서 언급 한 바와 같이, Dgrid 내가 DijitRegistry 믹스 인을 사용하여 제대로 경우 크기를 조정합니다. 다른 크기 조정 문제도 있었지만 CSS에서 요소의 상대 너비를 설정해야했습니다 (예 : 100 %). ContentPanel에서 필요하지 않은 크기를 제거하면 모든 요소의 크기가 조정됩니다. CSS는 Dojo 1.5에서 이월되었으며, CSS에서 설정된 크기의 ContentPanel과 동일한 방식으로 반응하지 않았습니다.