--- /dev/null
+<html>\r
+<head>\r
+ <title>The source code</title>\r
+ <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />\r
+ <script type="text/javascript" src="../resources/prettify/prettify.js"></script>\r
+</head>\r
+<body onload="prettyPrint();">\r
+ <pre class="prettyprint lang-js">
+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);
+
+});</pre> \r
+</body>\r
+</html>
\ No newline at end of file