55 lines
No EOL
1.5 KiB
JavaScript
55 lines
No EOL
1.5 KiB
JavaScript
/*
|
|
This file is part of Ext JS 3.4
|
|
|
|
Copyright (c) 2011-2013 Sencha Inc
|
|
|
|
Contact: http://www.sencha.com/contact
|
|
|
|
GNU General Public License Usage
|
|
This file may be used under the terms of the GNU General Public License version 3.0 as
|
|
published by the Free Software Foundation and appearing in the file LICENSE included in the
|
|
packaging of this file.
|
|
|
|
Please review the following information to ensure the GNU General Public License version 3.0
|
|
requirements will be met: http://www.gnu.org/copyleft/gpl.html.
|
|
|
|
If you are unsure which license is appropriate for your use, please contact the sales department
|
|
at http://www.sencha.com/contact.
|
|
|
|
Build date: 2013-04-03 15:07:25
|
|
*/
|
|
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');
|
|
}); |