2011-05-10 19 views
1

我試圖添加面板等TabPanel,但由於某種原因,即使我已經設置添加面板(這些元素包含其他元素,例如一個元素包含EditorGridPanel)佈局到FitLayout,只有可見的東西是在容器頂部的線,所以它不太適合,因爲我會預期它將被安裝在容器中。Ext JS 3 FitLayout不擴展元素到它的容器

我該如何調試,因爲沒有JavaScript錯誤?

面板的創建:

function getPanel() { 

    var panel = new Ext.Panel({ 
     layout:'fit' 
    }); 

    var grid = new Ext.grid.EditorGridPanel({ 
     title: 'mytitle', 
     bodyStyle: 'padding: 5px', 
     store: store, 
     cm: cm, 
     frame: true, 
     clicksToEdit: 1, 
     bbar: [{ 
      xtype: 'button', 
      handler: function() { 
       store.save(); 
      } 
     }] 
    }); 

    panel.add(grid);  
    return panel; 
} 

的TabPanel

var tabs = new Ext.TabPanel({ 
    activeTab: 0, 
    plain:true, 
    autoScroll: true, 
    defaults:{autoScroll: true} 
}); 

var panel = getPanel(); 
tabs.add(panel); 

window = new Ext.Window({  
    width: 500, 
    height: 450, 
    layout: 'vbox', 
    modal: true, 
    closeAction: 'hide', 
    buttons: [], 
    items: [tabs] 
}); 
+0

提供一些代碼。我希望你在這裏有一個佈局問題。不,你不能用普通的工具進行調試。 – sra 2011-05-10 10:06:18

+0

現在添加了一些代碼,我不得不刪除一些代碼部分... – newbie 2011-05-10 10:15:00

回答

1

好了,問題的創建是與窗口元素,我只好把適合佈局容器窗口。

window = new Ext.Window({  
    width: 500, 
    height: 450, 
    layout: 'fit', 
    modal: true, 
    closeAction: 'hide', 
    buttons: [], 
    items: [tabs] 
}); 
+0

正如我告訴你的;佈局問題;) – sra 2011-05-10 10:30:44

+0

Thanx尋求幫助! – newbie 2011-05-10 10:37:13