tabpanel中panel的显示问题

JScript code

Ext.onReady(function(){
        var obj = {
            width:300,
            height:200,
            defaults:{autoScroll:true},
            item:[
            new Ext.Panel({title:"面板1",height:30})
            ,new Ext.Panel({title:"面板2",height:30})
            ,new Ext.Panel({title:"面板3",height:30})]};
        var panel = new Ext.TabPanel(obj);
        panel.render("hello");
});

这是我的一个简单js例子
为什么在浏览器中显示的效果很奇怪，根本就没出现tab标签页，顶部只有3条重叠在一起的线，请问一下是什么原因阿？

JScript code

Ext.onReady(function(){
        var obj = {
            width:300,
            height:200,
activeTab: 0,//加上这个

            defaults:{autoScroll:true},
            item:[
            new Ext.Panel({title:"面板1",height:30})
            ,new Ext.Panel({title:"面板2",height:30})
            ,new Ext.Panel({title:"面板3",height:30})]};
        var panel = new Ext.TabPanel(obj);
        panel.render("hello");
});

CSS code

有没有导入css样式