extjs tabPanel window

Ext.onReady(function (){
  var tabPanel = new Ext.TabPanel({
  //title:'yang chun zhi',
  width:500,
  height:300,
  enableTabScroll:true,
  closable:true,
  draggable:true,
  renderTo:'mainDiv',
  bodyStyle:"background-image:url('tree/images/image001.gif')",
  items:[new Ext.Panel({
  title:'独一无二',
  bodyStyle:"background-image:url('tree/images/image001.jpg')",
  ctCls :'tabIcon',
  height:200,
  html:'<input type="button" value="独一无二"/>'
  }),new Ext.Panel({
  title:'流年往事',
  bodyStyle:"background-image:url('tree/images/image001.jpg')",
  html:'<input type="button" value="流年往事"/>'
  }),new Ext.Panel({
  title:'至尊无上',
  bodyStyle:"background-image:url('tree/images/image001.jpg')",
  html:'<input type="button" value="至尊无上"/>'
  }),new Ext.Panel({
  title:'沉鱼落雁',
  bodyStyle:"background-image:url('tree/images/image001.jpg')",
  html:'<input type="button" value="沉鱼落雁"/>'
  }),new Ext.Panel({
  title:'黑色名单',
  bodyStyle:"background-image:url('tree/images/image001.jpg')",
  html:'<input type="button" value="黑色名单"/>'
  }),new Ext.Panel({
  title:'单身神话',
  bodyStyle:"background-image:url('tree/images/image001.jpg')",
  html:'<input type="button" value="单身神话"/>'
  }),new Ext.Panel({
  title:'幽灵禁区',
  bodyStyle:"background-image:url('tree/images/image001.jpg')",
  html:'<input type="button" value="幽灵禁区"/>'
  }),new Ext.Panel({
  title:'游戏世界',
  bodyStyle:"background-image:url('tree/images/image001.jpg')",
  html:'<input type="button" value="游戏世界"/>'
  }),new Ext.Panel({
  title:'葵花宝典',
  bodyStyle:"background-image:url('tree/images/image001.jpg')",
  html:'<input type="button" value="葵花宝典"/>'
  })]
  });
 
  var window = new Ext.Window({
  title:'春峰科技',
  width:513,
  height:300,
  enableTabScroll:true,
  closable:true,
  draggable:true,
  renderTo:Ext.getBody(),
  items:[tabPanel]
  });
 
  window.show();
  });