Upgrade to ExtJS 4.0.0 - Released 04/26/2011

[extjs.git] / examples / portal / classes / Portlet.js

diff --git a/examples/portal/classes/Portlet.js b/examples/portal/classes/Portlet.js
new file mode 100644 (file)
index 0000000..f0fe52e
--- /dev/null
+++ b/examples/portal/classes/Portlet.js
@@ -0,0 +1,30 @@
+/**
+ * @class Ext.ux.Portlet
+ * @extends Ext.Panel
+ * A {@link Ext.Panel Panel} class that is managed by {@link Ext.app.PortalPanel}.
+ */
+Ext.define('Ext.app.Portlet', {
+    extend: 'Ext.panel.Panel',
+    alias: 'widget.portlet',
+    layout: 'fit',
+    anchor: '100%',
+    frame: true,
+    closable: true,
+    collapsible: true,
+    animCollapse: true,
+    draggable: true,
+    cls: 'x-portlet',
+
+    // Override Panel's default doClose to provide a custom fade out effect
+    // when a portlet is removed from the portal
+    doClose: function() {
+        this.el.animate({
+            opacity: 0,
+            callback: function(){
+                this.fireEvent('close', this);
+                this[this.closeAction]();
+            },
+            scope: this
+        });
+    }
+});
\ No newline at end of file