ExtJS添加面板到面板

我想添加2個面板到已創建的面板（佈局：拉伸，類型：hbox）。我在螢火蟲中沒有錯誤，但在我的屏幕上似乎沒有發生任何錯誤。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' 
    }, 
});

來源

2011-11-28 gberg927

你可以顯示你配置datasetInfoPanel的代碼，問題似乎是你沒有給面板尺寸。 – nscrob

和另一件事。我不知道你使用的是什麼版本的extjs，但更新方法不是刷新視圖，而是給面板一個新的html或數據內容。看到文檔，所以基本上你用一個空的html重寫了面板視圖。 – nscrob

你在Ext.onready（）當然這麼做？ – Mchl

嘗試：

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

刪除佈局從variablesAttributesPanel和locationDatePanel confing。

來源

2011-11-28 16:06:00 TheHorse

ExtJS添加面板到面板

回答

相關問題