PanelResizer.js
1.7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
/*!
* Ext JS Library 3.3.1
* Copyright(c) 2006-2010 Sencha Inc.
* licensing@sencha.com
* http://www.sencha.com/license
*/
Ext.ux.PanelResizer = Ext.extend(Ext.util.Observable, {
minHeight: 0,
maxHeight:10000000,
constructor: function(config){
Ext.apply(this, config);
this.events = {};
Ext.ux.PanelResizer.superclass.constructor.call(this, config);
},
init : function(p){
this.panel = p;
if(this.panel.elements.indexOf('footer')==-1){
p.elements += ',footer';
}
p.on('render', this.onRender, this);
},
onRender : function(p){
this.handle = p.footer.createChild({cls:'x-panel-resize'});
this.tracker = new Ext.dd.DragTracker({
onStart: this.onDragStart.createDelegate(this),
onDrag: this.onDrag.createDelegate(this),
onEnd: this.onDragEnd.createDelegate(this),
tolerance: 3,
autoStart: 300
});
this.tracker.initEl(this.handle);
p.on('beforedestroy', this.tracker.destroy, this.tracker);
},
// private
onDragStart: function(e){
this.dragging = true;
this.startHeight = this.panel.el.getHeight();
this.fireEvent('dragstart', this, e);
},
// private
onDrag: function(e){
this.panel.setHeight((this.startHeight-this.tracker.getOffset()[1]).constrain(this.minHeight, this.maxHeight));
this.fireEvent('drag', this, e);
},
// private
onDragEnd: function(e){
this.dragging = false;
this.fireEvent('dragend', this, e);
}
});
Ext.preg('panelresizer', Ext.ux.PanelResizer);