Upgrade to ExtJS 3.0.0 - Released 07/06/2009
[extjs.git] / docs / source / PanelResizer.html
diff --git a/docs/source/PanelResizer.html b/docs/source/PanelResizer.html
new file mode 100644 (file)
index 0000000..08bae65
--- /dev/null
@@ -0,0 +1,62 @@
+<html>\r
+<head>\r
+  <title>The source code</title>\r
+    <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />\r
+    <script type="text/javascript" src="../resources/prettify/prettify.js"></script>\r
+</head>\r
+<body  onload="prettyPrint();">\r
+    <pre class="prettyprint lang-js">Ext.ux.PanelResizer = Ext.extend(Ext.util.Observable, {\r
+    minHeight: 0,\r
+    maxHeight:10000000,\r
+\r
+    constructor: function(config){\r
+        Ext.apply(this, config);\r
+        this.events = {};\r
+        Ext.ux.PanelResizer.superclass.constructor.call(this, config);\r
+    },\r
+\r
+    init : function(p){\r
+        this.panel = p;\r
+\r
+        if(this.panel.elements.indexOf('footer')==-1){\r
+            p.elements += ',footer';\r
+        }\r
+        p.on('render', this.onRender, this);\r
+    },\r
+\r
+    onRender : function(p){\r
+        this.handle = p.footer.createChild({cls:'x-panel-resize'});\r
+\r
+        this.tracker = new Ext.dd.DragTracker({\r
+            onStart: this.onDragStart.createDelegate(this),\r
+            onDrag: this.onDrag.createDelegate(this),\r
+            onEnd: this.onDragEnd.createDelegate(this),\r
+            tolerance: 3,\r
+            autoStart: 300\r
+        });\r
+        this.tracker.initEl(this.handle);\r
+        p.on('beforedestroy', this.tracker.destroy, this.tracker);\r
+    },\r
+\r
+       // private\r
+    onDragStart: function(e){\r
+        this.dragging = true;\r
+        this.startHeight = this.panel.el.getHeight();\r
+        this.fireEvent('dragstart', this, e);\r
+    },\r
+\r
+       // private\r
+    onDrag: function(e){\r
+        this.panel.setHeight((this.startHeight-this.tracker.getOffset()[1]).constrain(this.minHeight, this.maxHeight));\r
+        this.fireEvent('drag', this, e);\r
+    },\r
+\r
+       // private\r
+    onDragEnd: function(e){\r
+        this.dragging = false;\r
+        this.fireEvent('dragend', this, e);\r
+    }\r
+});\r
+Ext.preg('panelresizer', Ext.ux.PanelResizer);</pre>    \r
+</body>\r
+</html>
\ No newline at end of file