2010-12-12 2 views
1

가 어떻게이 도장/인 Dijit 페이지에서 스크롤을 허용 할 수있는 레이아웃 컨트롤 수직 스크롤을 허용하는 방법 : (도장/인 Dijit -

http://www.olexe.com/html/DijitScrollTest.html

내가있는 TabControl에 표시 할 60 또는 100 개의 행이있을 수 있습니다 id = "topTabs").

AllowScrolling과 같은 속성이 있어야한다고 생각하지만 찾을 수 없습니다. 또는 자식 컨트롤을 추가 한 다음 자식 컨트롤에서 스크롤을 켜야합니다. (Dijit 의사에게 문서가있는 부분을 가르쳐 주시면 감사하겠습니다. 한 시간 이상 사냥을 해왔습니다.)

답변

5

일반적으로 스크롤은 CSS 스타일 오버플로를 "자동"으로 설정하면 쉽게 활성화됩니다. 그러나 귀하의 페이지를 조금 훑어 보았고 몇 가지 질문이 있습니다.

먼저 BorderContainer의 가운데 영역에 TabContainer를 추가하지만 볼 수있는 컨테이너에 탭을 추가하지 마십시오. TabContainer는 일반적으로 여러 가지 ContentPane으로 채워져 다른 탭으로 작동합니다.

그래서 탭을 원하면 모든 내용을 담고있는 ContentPane 형태로 추가 자식 요소를 추가합니다. 그렇지 않으면 기존 TabContainer를 ContentPane으로 변경합니다.

어느 쪽이든 오버플로 : auto가 있어야하는 것은 ContentPane입니다. 속성은 해당 요소 내에서 스크롤 할 수있게 설정합니다.

+0

우리는 탭을 사용할지 여부에 관해서 앞뒤로 움직이고 있었다. 그래서 분명히 탭을 제거하고 직접 내용을 넣으려고했습니다. 나는 오늘 밤 그것을 확인할 것이다. 감사. – NealWalters

+0

고마워요, 더 많거나 적게 작동합니다 (위와 동일한 페이지 업데이트). 이제 두 개의 개별 스크롤 막대로 제한 되었습니까? 아니면 일부 페이지 크기 유형 매개 변수와 브라우저의 스크롤 막대 만 설정할 수 있습니까? – NealWalters

+0

흠, 올바르게 기억한다면 높이가 고정 된 머리글과 높이가 100 % 인 기본 요소가 모두 브라우저 스크롤 막대의 원인 일 수 있습니다. BorderContainer 내부에서 헤더를 이동하면 해결할 수 있다고 생각합니다. – DanneManne

1

TabContainer의 내용은 기본적으로 스크롤해야합니다. 선언적 예제 in the docs을보고 각각에 title 속성이있는 ContentPane 하위를 사용하십시오.