TabPanel에서 패널이 세로로 확장되지 않음

Extj를 사용하면 두 개의 패널이 포함 된 TabPanel을 얻었습니다. 이러한 패널은 자동으로 세로로 확장되지 않습니다. 모든 레이아웃은 'fit'유형으로 설정되며 forceFit는 true입니다.TabPanel에서 패널이 세로로 확장되지 않음

나는 여기에 내 코드를 페이스트 빈했습니다 http://pastebin.com/s8ucY4TX

편집 :

나는 쿠날의 제안에 따라 내 코드 업데이트했습니다 http://pastebin.com/pu5PYuDN

인터페이스를 설명 : 당신이 나무가를 여러 노드가 포함 된 목록 사용자가 노드 중 하나를 클릭하면 두 개의 하위 탭 (ZombieTab_MainTab 및 ZombieTab_Commands)이있는 탭 (ZombieTab (zombie_ip) 함수 호출)이 열립니다.

Kunal의 제안에 따라 코드를 편집하면 다음과 같은 효과가 있습니다. ZombieTab_Commands의 아래쪽 막대가 패널 상단에 나타나며 결과적으로 탭의 모든 구성 요소가 표시되지 않습니다.

여기 스크린 샷을 넣어했습니다 http://yfrog.com/0fscreenshot20100523at102p

감사 시간 내 주셔서.

출처

2010-05-22 Benjamin

ZombieTab의 기본 탭이 전체 공간을 차지합니까?

그렇다면, 나뿐만 아니라 다른 하위 패널 유사

ZombieTab_MainTab.superclass.constructor.call(this, { 
    id: 'zombie-main-tab', 
    layout:'fit', 
    title: 'Main', 
    items: { 
      layout:'border', 
      items:[top_bar, logs] 
      } 
});

로 자식 패널을 변경할 것입니다.

명령 도구 모음의 경우 일반 Ext Toolbar로 바꾸고 효과를 확인하십시오.

bbar: new Ext.Toolbar({ 
     id: 'exploits-bbar-zombie-'+zombie_ip, 
     text: 'ready', 
     border: false, 
     iconCls: 'x-status-valid', 
     items : [ { text: 'test'} ] 
    })

출처

2010-05-22 11:49:54 Kunal

감사 Kunal. 그것은 문제를 완전히 고치지는 않았지만 더 잘 보입니다. 나는 무슨 일이 일어나고 있는지 설명하기 위해 내 글을 업데이트했다. 스크린 샷과 내가 게시 한 새로운 소스 코드를 살펴보십시오. – Benjamin

기본 탭이 더 좋아 보입니까? Ext.Toolbar를 사용하여 Ext.ux.StatusBar를 교체해 보았습니다. 내 답변을 수정하고 다시 시도하십시오. – Kunal

메인 탭은 잠시 동안 비어 있습니다 (아직 코딩되지 않았 음). 그래서 좋게 보이는지 아닌지에 대해 정말로 언급 할 수 없습니다. 명령 탭의 경우 브라우저에 따라 결과가 달라집니다. 파이어 폭스에서 좀비 탭 (ZombieTab (zombie_ip))을 열고 명령 탭을 클릭하면 완벽하게 렌더링됩니다. 그러나 다른 하나를 열면 그 마지막 하나가 스크린 샷에 표시된 문제를 갖게됩니다. Chrome을 사용하면 첫 번째 및 두 번째 ZombieTab이 올바르게 렌더링되지 않습니다. 나는 이유를 알 수 없다. – Benjamin

TabPanel에서 패널이 세로로 확장되지 않음

답변

관련 문제