X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/ee06f37b0f6f6d94cd05a6ffae556660f7c4a2bc..c930e9176a5a85509c5b0230e2bff5c22a591432:/docs/source/tab-scroller-menu.html
diff --git a/docs/source/tab-scroller-menu.html b/docs/source/tab-scroller-menu.html
new file mode 100644
index 00000000..0129ad0a
--- /dev/null
+++ b/docs/source/tab-scroller-menu.html
@@ -0,0 +1,54 @@
+
+
+ The source code
+
+
+
+
+
+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