DockLayoutPanel에서 텍스트 줄 바꿈 문제가 발생했습니다.

Question

그래서 독 레이아웃 패널을 사용하고 있습니다. 북쪽에는 제목과 메뉴 바와 센터가 있으며 테이블이 있습니다. 내 문제는 제목이 길어지고 텍스트를 감싸는 경우 메뉴 모음을 아래로 밀어 내면 더 이상 볼 수 없습니다. 센터를 제외한 모든 패널에 대해 고정 크기를 설정해야하기 때문입니다.

필자는 모든 것을 가운데 패널로 옮기는 것에 대해 생각했지만 문제는 내 테이블이 커지고 스크롤 막대가 나타나면 테이블을 스크롤 할 때도 항상 머리글과 메뉴 모음을보고 싶다는 것입니다. 그래서 저는 스크롤 패널에 모든 것을 넣을 수 없습니다. 1. 항상 제목을 확인하고 창의 크기와 제목에서 텍스트가 제대로 전체를 크기를 조정 래핑하면 2. 스크롤 테이블 3. 도구 모음입니다 :

어떻게 이러한 요구 사항을 채우는 레이아웃을 만들 수 있습니다. 여기

지금 레이아웃입니다 :

<g:DockLayoutPanel > 
     <g:north size="80"> 
      <g:VerticalPanel width="100%"> 
        <g:HorizontalPanel width="100%"> 
         <g:HTML ui:field="title" styleName="{style.title}"></g:HTML> 
        </g:HorizontalPanel> 
        <g:HorizontalPanel styleName="{style.infoBar}" width="100%"> 
         <g:MenuBar animationEnabled="true" styleName="{res.css.menuBar}" focusOnHoverEnabled="false" ui:field="menuBar"></g:MenuBar> 
        </g:HorizontalPanel> 
       </g:VerticalPanel> 
      </g:north> 
      <g:center> 
       <g:ScrollPanel> 
        <g:SimplePanel ui:field="content" styleName="{style.content}">Table or tree goes here 
        </g:SimplePanel> 
       </g:ScrollPanel> 
      </g:center> 
      <g:south size="20"> 
       <g:VerticalPanel styleName="{style.footerPanel}"> 
        <g:HTML ui:field="messageBar">Fotter text here</g:HTML> 
       </g:VerticalPanel> 
      </g:south> 
     </g:DockLayoutPanel> 

Answer 1

이 두 DockLayoutPanel를 사용하려고 있나요?

첫 번째 영역은 중앙 영역에 있고 남쪽 영역은 북쪽 영역에있는 메뉴와 중앙에있는 테이블이있는 DockLayoutPanel입니다.

Answer 2

제목과 메뉴가 서로 아래에 표시 될 수있는 경우 제목과 메뉴를 별도의 북쪽 패널 (실제로 작동 함)에 넣을 수 있습니다.

최소한 메뉴가 표시되도록 할 수 있습니다.