Ext 元件不顯示解決方案

在做專案的時候，常常會發現元件顯示不出來的情況，可以嘗試如下幾種方式：

1.檢查height

通常情況下，看不到元件顯示或者只看到一小條，第乙個需要做的就是先將這個元件的height屬性顯式的設定出來，通常情況下就會顯示。

2.tabpanel的情況

如果你的空間是放在tabpanel當中，那麼需要注意的是將內嵌的元件直接寫在items中，例如：

new ext.tabpanel(,
items: [zzpanel, hzpanel]
});

不可以多此一舉的寫成：

new ext.tabpanel(,
items: [
}, }]
});

這樣寫會出現只有activetab所對應的tab中的grid有顯示，其他tab中的grid均無法顯示。（我在除錯這個bug的時候，是在一次偶然的機會中，修改的activetab的值才發現的這個bug）。

這種情況下，使用show()來顯示tab中的grid。

3.panel中巢狀grid，而這個panel有巢狀在tabpanel中。

這個情況下，不僅僅需要注意第二點中的一些注意事項，還要注意的是，在這種情況下，僅僅採用show()是無法顯示所有控制項的。因為僅僅使用show()僅僅可以將tabpanle中的直接控制項即panel顯示出來，而無法將巢狀在panel中的grid也顯示出來。

這個時候，就需要在呼叫一下panel的dolayout() 方法了。