--- /dev/null
+/*!
+ * Ext JS Library 3.0.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+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);
\ No newline at end of file