modx.tabs.js 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. MODx.Tabs = function(config) {
  2. config = config || {};
  3. Ext.applyIf(config,{
  4. enableTabScroll: true
  5. ,layoutOnTabChange: true
  6. ,plain: true
  7. ,deferredRender: true
  8. ,hideMode: 'offsets'
  9. ,defaults: {
  10. autoHeight: true
  11. ,hideMode: 'offsets'
  12. ,border: true
  13. ,autoWidth: true
  14. ,bodyCssClass: 'tab-panel-wrapper'
  15. }
  16. ,activeTab: 0
  17. ,border: false
  18. ,autoScroll: true
  19. ,autoHeight: true
  20. ,cls: 'modx-tabs'
  21. });
  22. MODx.Tabs.superclass.constructor.call(this,config);
  23. this.config = config;
  24. };
  25. Ext.extend(MODx.Tabs,Ext.TabPanel);
  26. Ext.reg('modx-tabs',MODx.Tabs);
  27. MODx.VerticalTabs = function(config) {
  28. config = config || {};
  29. Ext.applyIf(config,{
  30. cls: 'vertical-tabs-panel'
  31. ,headerCfg: { tag: 'div', cls: 'x-tab-panel-header vertical-tabs-header' }
  32. ,bwrapCfg: { tag: 'div', cls: 'x-tab-panel-bwrap vertical-tabs-bwrap' }
  33. ,defaults: {
  34. bodyCssClass: 'vertical-tabs-body'
  35. ,autoScroll: true
  36. ,autoHeight: true
  37. ,autoWidth: true
  38. ,layout: 'form'
  39. }
  40. });
  41. MODx.VerticalTabs.superclass.constructor.call(this,config);
  42. this.config = config;
  43. };
  44. Ext.extend(MODx.VerticalTabs, MODx.Tabs);
  45. Ext.reg('modx-vtabs',MODx.VerticalTabs);