+++ /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