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:''
  }),new Ext.Panel({
  title:'流年往事',
  bodyStyle:"background-image:url('tree/images/image001.jpg')",
  html:''
  }),new Ext.Panel({
  title:'至尊无上',
  bodyStyle:"background-image:url('tree/images/image001.jpg')",
  html:''
  }),new Ext.Panel({
  title:'沉鱼落雁',
  bodyStyle:"background-image:url('tree/images/image001.jpg')",
  html:''
  }),new Ext.Panel({
  title:'黑色名单',
  bodyStyle:"background-image:url('tree/images/image001.jpg')",
  html:''
  }),new Ext.Panel({
  title:'单身神话',
  bodyStyle:"background-image:url('tree/images/image001.jpg')",
  html:''
  }),new Ext.Panel({
  title:'幽灵禁区',
  bodyStyle:"background-image:url('tree/images/image001.jpg')",
  html:''
  }),new Ext.Panel({
  title:'游戏世界',
  bodyStyle:"background-image:url('tree/images/image001.jpg')",
  html:''
  }),new Ext.Panel({
  title:'葵花宝典',
  bodyStyle:"background-image:url('tree/images/image001.jpg')",
  html:''
  })]
  });
 
  var window = new Ext.Window({
  title:'春峰科技',
  width:513,
  height:300,
  enableTabScroll:true,
  closable:true,
  draggable:true,
  renderTo:Ext.getBody(),
  items:[tabPanel]
  });
 
  window.show();
  });