2012-08-08 2 views
0

다음은 ExtJS 4.1.1을 사용하여 발생한 문제입니다. 시간이 지남에 따라 내용이 변경 될 수있는 플로팅 패널이 있습니다. 부동 패널의 내용 크기를 조정하고 싶지만 높이를 최대 400 픽셀로 지정하고 그 후에 수직 스크롤 막대가 나타나야합니다.플로팅 자동 크기 조정 ExtJS 패널의 스크롤바 너비 계정

이 JSFiddle은 문제를 가장 잘 설명합니다 : http://jsfiddle.net/38Kaf/6/.

콘텐츠 크기가 maxHeight 미만인 경우 자동 크기 조정이 아름답게 작동합니다. 그러나 크기가 커지면 (350px 이상) 패널 너비가 너무 작아 파란색 상자 세로 스크롤 막대가 포함되어 가로 스크롤이 표시됩니다.

레이아웃 속성 ('manageOverflow'및 'reserveScrollbar')에 영향을주지 않습니다.

해결 방법이나 다른 방법에 대한 제안을 환영합니다.

답변

1

당신은 레이아웃 속성을 지정한 있지만 레이아웃 유형을 지정하지 않은 :

layout: { 
    type: 'fit', 
    manageOverflow: 1, 
    reserveScrollbar: true 
} 

이 트릭을 할해야합니다.

+0

닫기, 시가 없음 : '맞춤'레이아웃은 maxHeight 속성을 수신하지 않으므로 콘텐츠의 크기가 300px (즉, 콘텐츠의 최대 높이까지) 인 경우 스크롤바가 표시되지 않습니다. http://jsfiddle.net/38Kaf/11/ – gjuggler