extjs 4.2 点击事件tab 时 不能显示grid 的问题

Question

 ![图片说明](https://img-ask.csdn.net/upload/201506/30/1435639352_775795.jpg)

 在var  grid 这行 提示有错 Uncaught TypeError: Cannot read property 'dom' of null     求组织给看下，刚接触extjs  搞了好几天了总是不显示。。

Answer 1

<br> Ext.onReady(function () {<br> var tab=Ext.createWidget(&#39;tabpanel&#39;, {<br> renderTo: &quot;divb&quot;,<br> activeTab: 0, //指定默认的活动tab 1表示第二个tab是默认激活的<br> width: 600,<br> height: 550,<br> plain: true, //True表示tab候选栏上没有背景图片（默认为false）<br> enableTabScroll: true, //选项卡过多时，允许滚动<br> defaults: { autoScroll: true },<br> items: [{<br> id: &quot;tab1&quot;,<br> title: &#39;普通Tab&#39;,<br> html: &quot;这只是一个非常普通的Tab。&quot;,<br> items:[{xtype:&#39;button&#39;,text:&#39;按钮&#39;}],<br> closable: true //这个tab可以被关闭<br> }, {<br> id: &quot;tab4&quot;,<br> title: &#39;事件Tab&#39;,<br> closable:true,<br> items:[grid]<br> // listeners: { activate: function(){<br> // tab.add(grid);<br> // tab.doLayout();<br> // tab.setActiveTab(aa);<br> // } }<br> }]<br> });</p> <pre><code> Ext.create(&#39;Ext.data.Store&#39;, { storeId: &#39;simpsonsStore&#39;, fields: [&#39;name&#39;, &#39;email&#39;, &#39;phone&#39;], data: { &#39;items&#39;: [{ &#39;name&#39;: &#39;Lisa&#39;, &quot;email&quot;: &quot;[e-mail]&quot;, &quot;phone&quot;: &quot;555-111-1224&quot; }, { &#39;name&#39;: &#39;Bart&#39;, &quot;email&quot;: &quot;[e-mail]&quot;, &quot;phone&quot;: &quot;555-222-1234&quot; }, { &#39;name&#39;: &#39;Homer&#39;, &quot;email&quot;: &quot;[e-mail]&quot;, &quot;phone&quot;: &quot;555-222-1244&quot; }, { &#39;name&#39;: &#39;Marge&#39;, &quot;email&quot;: &quot;[e-mail]&quot;, &quot;phone&quot;: &quot;555-222-1254&quot; }] }, proxy: { type: &#39;memory&#39;, reader: { type: &#39;json&#39;, root: &#39;items&#39; } } }); var cm=[{ text: &#39;Name&#39;, dataIndex: &#39;name&#39; }, { text: &#39;Email&#39;, dataIndex: &#39;email&#39;, flex: 1 }, { text: &#39;Phone&#39;, dataIndex: &#39;phone&#39; }]; var grid= Ext.create(&#39;Ext.grid.GridPanel&#39;, { loadMask: true, title: &#39;Simpsons&#39;, id:&#39;aa&#39;, store: Ext.data.StoreManager.lookup(&#39;simpsonsStore&#39;), colModel:cm, height: 200, width: 500, tbar: [{ //这里开始 xtype: &#39;toolbar&#39;, dock: &#39;top&#39;, items: [{ xtype: &#39;textfield&#39;, id: &#39;gid&#39;, name: &#39;findstr&#39;, maxLength: 10, labelWidth: 35, width: 120, fieldLabel: &#39;Name&#39; }, { xtype: &#39;textfield&#39;, id: &#39;gname&#39;, name: &#39;findstr&#39;, maxLength: 10, labelWidth: 35, fieldLabel: &#39;Phone&#39; }] }, { xtype: &#39;toolbar&#39;, dock: &#39;top&#39;, items: [&#39;-&gt;&#39;, { xtype: &#39;button&#39;, text: &#39;查询&#39;, handler: function () { } }, { xtype: &#39;button&#39;, text: &#39;重置&#39;, handler: function () { } }] }], renderTo:&#39;tab4&#39; }); }); &lt;/script&gt; </code></pre>