在使用Extjs3.0 时,报'dom’为空或不是对象的js错误,望指点。。。
js代码如下
var tabs = new Ext.TabPanel({
renderTo:'tabs1',
region:'left',
width:485,
height:250,
activeTab:0,
frame:true,
deferredRender:false,
defaults:{autoHeight:true},
items:[
{contentEl:'script', title: '1汇总'},
{contentEl:'markup', title: '2汇总'}
]
});
jsp中相关代码如下:
<div id="markup" class="x-hide-display" >
<table width="485" height="220" border="0" bgcolor="#F5F5F5" class="font1">
<tr>
<td width="70%" align="left"><span style="padding-left:0px;" >one</span></td>
<td><a href="#">16</a></td>
</tr>
</table>
</div>
</div>
改为renderTo:Ext.getBody()即可.
或
原因是你renderTo:'tabs1'的时候,会把里面的dom清空,
然后再contentEl自然就找不到里面的2个div了.
renderTo:'tabs1', 的问题