tabs.js

Ext.require('Ext.tab.*');  Ext.onReady(function(){      var currentItem;      var tabs = Ext.createWidget('tabpanel', {          renderTo: 'tab',          resizeTabs: true,          enableTabScroll: true,          margin:'10',          width: 600,          height: 250,          defaults: {              autoScroll:true,              bodyPadding: 10          },          items: [{              title: '选项卡',              html: '选项卡内容',              closable: true          }]                });            var index = 0;            function addTab (closable) {          ++index;         tabs.add({              title: '新选项卡- ' + index,              html: '新选项卡内容 ' + index + '
',              closable: !!closable          }).show();      }       Ext.createWidget('button', {          renderTo: 'add',          text: '创建可关闭选项卡',          handler: function () {              addTab(true);          }      });       Ext.createWidget('button', {          renderTo: 'add',          text: '创建不可关闭选项卡',          handler: function () {              addTab(false);          },          style: 'margin-left: 8px;'      });  });