74d529468cac06bcf797a2be33188725d3c33c57.svn-base 921 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. /*
  2. * Ext JS Library 2.0 Copyright(c) 2006-2007, Ext JS, LLC. licensing@extjs.com
  3. *
  4. * http://extjs.com/license
  5. */
  6. Ext.onReady(function() {
  7. var tabs = new Ext.TabPanel({
  8. renderTo : 'tabs',
  9. resizeTabs : true, // turn on tab resizing
  10. minTabWidth : 115,
  11. tabWidth : 135,
  12. enableTabScroll : true,
  13. width : 600,
  14. height : 250,
  15. defaults : {
  16. autoScroll : true
  17. },
  18. plugins : new Ext.ux.TabCloseMenu()
  19. });
  20. // tab generation code
  21. var index = 0;
  22. while (index < 7) {
  23. addTab();
  24. }
  25. function addTab() {
  26. tabs.add({
  27. title : 'New Tab ' + (++index),
  28. iconCls : 'tabs',
  29. html : 'Tab Body ' + (index) + '<br/><br/>'
  30. + Ext.example.bogusMarkup,
  31. closable : true
  32. }).show();
  33. }
  34. new Ext.Button({
  35. text : 'Add Tab',
  36. handler : addTab,
  37. iconCls : 'new-tab'
  38. }).render(document.body, 'tabs');
  39. });