X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/c930e9176a5a85509c5b0230e2bff5c22a591432..b37ceabb82336ee82757cd32efe353cfab8ec267:/examples/tabs/tabs-example.js diff --git a/examples/tabs/tabs-example.js b/examples/tabs/tabs-example.js index c8482ed3..04cfb31c 100644 --- a/examples/tabs/tabs-example.js +++ b/examples/tabs/tabs-example.js @@ -1,53 +1,53 @@ /*! - * Ext JS Library 3.0.0 - * Copyright(c) 2006-2009 Ext JS, LLC + * Ext JS Library 3.2.2 + * Copyright(c) 2006-2010 Ext JS, Inc. * licensing@extjs.com * http://www.extjs.com/license */ -Ext.onReady(function(){ - // basic tabs 1, built from existing content - var tabs = new Ext.TabPanel({ - renderTo: 'tabs1', - width:450, - activeTab: 0, - frame:true, - defaults:{autoHeight: true}, - items:[ - {contentEl:'script', title: 'Short Text'}, - {contentEl:'markup', title: 'Long Text'} - ] - }); - - // second tabs built from JS - var tabs2 = new Ext.TabPanel({ - renderTo: document.body, - activeTab: 0, - width:600, - height:250, - plain:true, - defaults:{autoScroll: true}, - items:[{ - title: 'Normal Tab', - html: "My content was added during construction." - },{ - title: 'Ajax Tab 1', - autoLoad:'ajax1.htm' - },{ - title: 'Ajax Tab 2', - autoLoad: {url: 'ajax2.htm', params: 'foo=bar&wtf=1'} - },{ - title: 'Event Tab', - listeners: {activate: handleActivate}, - html: "I am tab 4's content. I also have an event listener attached." - },{ - title: 'Disabled Tab', - disabled:true, - html: "Can't see me cause I'm disabled" - } - ] - }); - - function handleActivate(tab){ - alert(tab.title + ' was activated.'); - } +Ext.onReady(function(){ + // basic tabs 1, built from existing content + var tabs = new Ext.TabPanel({ + renderTo: 'tabs1', + width:450, + activeTab: 0, + frame:true, + defaults:{autoHeight: true}, + items:[ + {contentEl:'script', title: 'Short Text'}, + {contentEl:'markup', title: 'Long Text'} + ] + }); + + // second tabs built from JS + var tabs2 = new Ext.TabPanel({ + renderTo: document.body, + activeTab: 0, + width:600, + height:250, + plain:true, + defaults:{autoScroll: true}, + items:[{ + title: 'Normal Tab', + html: "My content was added during construction." + },{ + title: 'Ajax Tab 1', + autoLoad:'ajax1.htm' + },{ + title: 'Ajax Tab 2', + autoLoad: {url: 'ajax2.htm', params: 'foo=bar&wtf=1'} + },{ + title: 'Event Tab', + listeners: {activate: handleActivate}, + html: "I am tab 4's content. I also have an event listener attached." + },{ + title: 'Disabled Tab', + disabled:true, + html: "Can't see me cause I'm disabled" + } + ] + }); + + function handleActivate(tab){ + alert(tab.title + ' was activated.'); + } }); \ No newline at end of file