Portlet.js 787 B

123456789101112131415161718192021222324252627282930
  1. /**
  2. * @class Ext.ux.Portlet
  3. * @extends Ext.Panel
  4. * A {@link Ext.Panel Panel} class that is managed by {@link Ext.app.PortalPanel}.
  5. */
  6. Ext.define('Ext.ux.portal.Portlet', {
  7. extend: 'Ext.panel.Panel',
  8. alias: 'widget.portlet',
  9. layout: 'fit',
  10. anchor: '100%',
  11. frame: true,
  12. closable: true,
  13. collapsible: true,
  14. animCollapse: true,
  15. draggable: true,
  16. cls: 'x-portlet',
  17. // Override Panel's default doClose to provide a custom fade out effect
  18. // when a portlet is removed from the portal
  19. doClose: function() {
  20. this.el.animate({
  21. opacity: 0,
  22. callback: function(){
  23. this.fireEvent('close', this);
  24. this[this.closeAction]();
  25. },
  26. scope: this
  27. });
  28. }
  29. });