tabs-adv.js
上传用户:dawnssy
上传日期:2022-08-06
资源大小:9345k
文件大小:1k
源码类别:

JavaScript

开发平台:

JavaScript

  1. /*!
  2.  * Ext JS Library 3.1.0
  3.  * Copyright(c) 2006-2009 Ext JS, LLC
  4.  * licensing@extjs.com
  5.  * http://www.extjs.com/license
  6.  */
  7. Ext.onReady(function(){
  8.     var tabs = new Ext.TabPanel({
  9.         renderTo:'tabs',
  10.         resizeTabs:true, // turn on tab resizing
  11.         minTabWidth: 115,
  12.         tabWidth:135,
  13.         enableTabScroll:true,
  14.         width:600,
  15.         height:250,
  16.         defaults: {autoScroll:true},
  17.         plugins: new Ext.ux.TabCloseMenu()
  18.     });
  19.     // tab generation code
  20.     var index = 0;
  21.     while(index < 7){
  22.         addTab();
  23.     }
  24.     function addTab(){
  25.         tabs.add({
  26.             title: 'New Tab ' + (++index),
  27.             iconCls: 'tabs',
  28.             html: 'Tab Body ' + (index) + '<br/><br/>'
  29.                     + Ext.example.bogusMarkup,
  30.             closable:true
  31.         }).show();
  32.     }
  33.     new Ext.Button({
  34.         text: 'Add Tab',
  35.         handler: addTab,
  36.         iconCls:'new-tab'
  37.     }).render(document.body, 'tabs');
  38. });