Extjs的一个错误,谷歌浏览器捕获到的,
后来查了下原因,应该是布局的错误,你看下,你用到的border布局中,是否没有用到center布局。
下面是一个demo类似的错误会发生
http://stackoverflow.com/questions/6874016/dynamic-add-items-to-border-viewpor
<script type="text/javascript" src="ext-4.0.2a/bootstrap.js"></script> <script> Ext.require(['*']); Ext.onReady(function() { Ext.QuickTips.init(); var viewport = Ext.create('Ext.container.Viewport', { layout: 'border' }); var north = blablabla... viewport.add([north,south]); viewport.doLayout(); }); </script>
According to noes that are taken from docs :
The regions of a BorderLayout are fixed at render time and thereafter, its child Components may not be removed or added .To add/remove Components within a BorderLayout, have them wrapped by an additional Container which is directly managed by the BorderLayout.
And by the way
Any Container using the Border layout must have a child item with region:'center'