X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/ee06f37b0f6f6d94cd05a6ffae556660f7c4a2bc..c930e9176a5a85509c5b0230e2bff5c22a591432:/examples/tabs/tab-scroller-menu.js?ds=sidebyside diff --git a/examples/tabs/tab-scroller-menu.js b/examples/tabs/tab-scroller-menu.js new file mode 100644 index 00000000..c98e4419 --- /dev/null +++ b/examples/tabs/tab-scroller-menu.js @@ -0,0 +1,51 @@ +/*! + * Ext JS Library 3.0.0 + * Copyright(c) 2006-2009 Ext JS, LLC + * licensing@extjs.com + * http://www.extjs.com/license + */ + +Ext.onReady(function() { + Ext.QuickTips.init(); + // Create our instance of tabScrollerMenu + var scrollerMenu = new Ext.ux.TabScrollerMenu({ + maxText : 15, + pageSize : 5 + }); + new Ext.Window({ + height : 200, + width : 400, + layout : 'fit', + title : 'Exercising scrollable tabs with a tabscroller menu', + items : { + xtype : 'tabpanel', + activeTab : 0, + id : 'myTPanel', + enableTabScroll : true, + resizeTabs : true, + minTabWidth : 75, + border : false, + plugins : [ scrollerMenu ], + items : [ + { + title : 'our first tab' + } + ] + } + }).show(); + + // Add a bunch of tabs dynamically + var tabLimit = 22; + (function (num) { + for (var i = 1; i <= tabLimit; i++) { + var title = 'Tab # ' + i; + Ext.getCmp('myTPanel').add({ + title : title, + html : 'Hi, i am tab ' + i, + tabTip : title, + closable : true + }); + } + }).defer(1000); + +}); \ No newline at end of file