Category

Development Platform
Home > SourceCode/Document > Java Develop > JavaScript > View Code
tab-scroller-menu.js
Package: ext-3.1.0.zip　[view]
Upload User: dawnssy
Upload Date: 2022-08-06
Package Size: 9345k
Code Size: 1k
Category:

JavaScript

Development Platform:

JavaScript

tab-scroller-menu.js：Code Content
  1. /*!
  2.  * Ext JS Library 3.1.0
  3.  * Copyright(c) 2006-2009 Ext JS, LLC
  4.  * licensing@extjs.com
  5.  * http://www.extjs.com/license
  6.  */
  8. Ext.onReady(function() {
  9. Ext.QuickTips.init();
  10. // Create our instance of tabScrollerMenu
  11. var scrollerMenu = new Ext.ux.TabScrollerMenu({
  12. maxText  : 15,
  13. pageSize : 5
  14. });
  15. new Ext.Window({
  16. height : 200,
  17. width  : 400,
  18. layout : 'fit',
  19. title  : 'Exercising scrollable tabs with a tabscroller menu',
  20. items  : {
  21. xtype           : 'tabpanel',
  22. activeTab       : 0,
  23. id              : 'myTPanel',
  24. enableTabScroll : true,
  25. resizeTabs      : true,
  26. minTabWidth     : 75,
  27. border          : false,
  28. plugins         : [ scrollerMenu ],
  29. items           : [
  30. {
  31. title : 'our first tab'
  32. }
  33. ]
  34. }
  35. }).show();
  37. // Add a bunch of tabs dynamically
  38. var tabLimit = 22;
  39. (function (num) {
  40. for (var i = 1; i <= tabLimit; i++) {
  41. var title = 'Tab # ' + i;
  42. Ext.getCmp('myTPanel').add({
  43. title    : title,
  44. html     : 'Hi, i am tab ' + i,
  45. tabTip   : title,
  46. closable : true
  47. });
  48. }
  49. }).defer(1000);
  51. });