2011-11-28 4 views
2

이미 생성 된 패널 (레이아웃 : stretch, type : hbox)에 2 개의 패널을 추가하려고합니다. 방화범에 아무런 오류가 없지만 내 화면에는 아무 것도 나타나지 않습니다.ExtJS 패널을 패널에 추가

다음은 이미 정의 된 패널에 2 개의 패널을 추가하는 코드입니다.

var variablesAttributesPanel = new Ext.Panel({ 
    id: 'variablesAttributesPanel', 
    title: 'variablesAttributesPanel', 
    autoScroll: true, 
    html: 'yeah1', 
    layout: { 
     align: 'stretch', 
     type: 'vbox' 
    }, 
    flex: 1 
}); 
var locationDatePanel = new Ext.Panel({ 
    id: 'locationDatePanel', 
    autoScroll: true, 
    title: 'locationDatePanel', 
    html: 'yeah2', 
    layout: { 
     align: 'stretch', 
     type: 'vbox' 
    }, 
    flex: 1 
}); 
Ext.getCmp('datasetInfoPanel').add(variablesAttributesPanel); 
Ext.getCmp('datasetInfoPanel').add(locationDatePanel); 
Ext.getCmp('datasetInfoPanel').update(); 
Ext.getCmp('datasetInfoPanel').doLayout(); 

내가 뭘 잘못하고 있는지에 대한 아이디어가 있습니까?

편집

var datasetInfoPanel = new Ext.Panel({ 
    id: 'datasetInfoPanel', 
    title: "Dataset Information", 
    region: "center", 
    autoScroll: true, 
    layout: { 
     align: 'stretch', 
     type: 'hbox' 
    }, 
}); 
+0

datasetInfoPanel을 설정 한 코드를 표시 할 수 있습니까? 문제는 패널 치수를 지정하지 않는 것으로 보입니다. – nscrob

+1

과 다른 것. 당신이 사용하고있는 extj의 버전은 알지 못하지만 업데이트 방법은 패널에 새로운 html이나 데이터 컨텐츠를주기위한 것이 아닙니다. 워드 프로세서를 참조하십시오. 그래서 기본적으로 빈 HTML로 패널보기를 다시 작성합니다. – nscrob

+0

Ext.onready() 물론 이렇게할까요? – Mchl

답변

1

하면 해당 시도 :

datasetInfoPanel.add(variablesAttributesPanel); 
datasetInfoPanel.add(locationDatePanel); 

제거 레이아웃은 variablesAttributesPanel 및 locationDatePanel에서 confing.

관련 문제