TreePanel控件使用过程中无法显示

Question

<script type="text/javascript">
var tabpanel;
$(document).ready(function(){ tabpanel =new Ext.form.TabPanel({
renderTo:'tab',
width:'100%',
height:450,
active : 0,
items : [{
          type : 'button',
          text : '新建',
          bodyStyle : 'new',
          useable : 'T',
          handler : function(){
top.tabpanel.addTab({id:'baidu', title:'百度一下！', html:'<iframe src="http://www.baidu.com" width="100%" height="100%" frameborder="0"></iframe>'});
          }
        } });
});
</script>
<div id="tab"></div>
加载提示：缺少对象？
什么原因，大家能告诉我吗？

Answer 1

没人回答呀！
没关系，问题我自己解决了！
很简单：
在html里，父节点是用top;
在jsp里，父节点是用parent.

Answer 2

jquery+json 没写过，准备马上学了