1234567891011121314151617181920212223242526272829303132333435363738394041424344 |
- /*
- * Ext JS Library 2.0 Copyright(c) 2006-2007, Ext JS, LLC. licensing@extjs.com
- *
- * http://extjs.com/license
- */
- Ext.onReady(function() {
- var tabs = new Ext.TabPanel({
- renderTo : 'tabs',
- resizeTabs : true, // turn on tab resizing
- minTabWidth : 115,
- tabWidth : 135,
- enableTabScroll : true,
- width : 600,
- height : 250,
- defaults : {
- autoScroll : true
- },
- plugins : new Ext.ux.TabCloseMenu()
- });
- // tab generation code
- var index = 0;
- while (index < 7) {
- addTab();
- }
- function addTab() {
- tabs.add({
- title : 'New Tab ' + (++index),
- iconCls : 'tabs',
- html : 'Tab Body ' + (index) + '<br/><br/>'
- + Ext.example.bogusMarkup,
- closable : true
- }).show();
- }
- new Ext.Button({
- text : 'Add Tab',
- handler : addTab,
- iconCls : 'new-tab'
- }).render(document.body, 'tabs');
- });
|