examples/portal/classes/Portlet.js

   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.app.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
  18     // Override Panel's default doClose to provide a custom fade out effect
  19     // when a portlet is removed from the portal
  20     doClose: function() {
  21         this.el.animate({
  22             opacity: 0,
  23             callback: function(){
  24                 this.fireEvent('close', this);
  25                 this[this.closeAction]();
  26             },
  27             scope: this
  28         });
  29     }
  30 });