3 * Copyright(c) 2006-2009 Ext JS, LLC
5 * http://www.extjs.com/license
8 * @class Ext.tree.ColumnResizer
9 * @extends Ext.util.Observable
11 Ext.tree.ColumnResizer = Ext.extend(Ext.util.Observable, {
13 * @cfg {Number} minWidth The minimum width the column can be dragged to.
14 * Defaults to <tt>14</tt>.
18 constructor: function(config){
19 Ext.apply(this, config);
20 Ext.tree.ColumnResizer.superclass.constructor.call(this);
23 init : function(tree){
25 tree.on('render', this.initEvents, this);
28 initEvents : function(tree){
29 tree.mon(tree.innerHd, 'mousemove', this.handleHdMove, this);
30 this.tracker = new Ext.dd.DragTracker({
31 onBeforeStart: this.onBeforeStart.createDelegate(this),
32 onStart: this.onStart.createDelegate(this),
33 onDrag: this.onDrag.createDelegate(this),
34 onEnd: this.onEnd.createDelegate(this),
38 this.tracker.initEl(tree.innerHd);
39 tree.on('beforedestroy', this.tracker.destroy, this.tracker);
42 handleHdMove : function(e, t){
45 hd = e.getTarget('.x-treegrid-hd', 3, true);
48 var r = hd.getRegion(),
50 pn = hd.dom.parentNode;
52 if(x - r.left <= hw && hd.dom !== pn.firstChild) {
53 var ps = hd.dom.previousSibling;
54 while(ps && Ext.fly(ps).hasClass('x-treegrid-hd-hidden')) {
55 ps = ps.previousSibling;
58 this.activeHd = Ext.get(ps);
59 ss.cursor = Ext.isWebKit ? 'e-resize' : 'col-resize';
61 } else if(r.right - x <= hw) {
63 while(ns && Ext.fly(ns).hasClass('x-treegrid-hd-hidden')) {
64 ns = ns.previousSibling;
67 this.activeHd = Ext.get(ns);
68 ss.cursor = Ext.isWebKit ? 'w-resize' : 'col-resize';
77 onBeforeStart : function(e){
78 this.dragHd = this.activeHd;
82 onStart : function(e){
83 this.tree.headersDisabled = true;
84 this.proxy = this.tree.body.createChild({cls:'x-treegrid-resizer'});
85 this.proxy.setHeight(this.tree.body.getHeight());
87 var x = this.tracker.getXY()[0];
89 this.hdX = this.dragHd.getX();
90 this.hdIndex = this.tree.findHeaderIndex(this.dragHd);
92 this.proxy.setX(this.hdX);
93 this.proxy.setWidth(x-this.hdX);
95 this.maxWidth = this.tree.outerCt.getWidth() - this.tree.innerBody.translatePoints(this.hdX).left;
99 var cursorX = this.tracker.getXY()[0];
100 this.proxy.setWidth((cursorX-this.hdX).constrain(this.minWidth, this.maxWidth));
104 var nw = this.proxy.getWidth(),
110 tree.columns[this.hdIndex].width = nw;
111 tree.updateColumnWidths();
113 setTimeout(function(){
114 tree.headersDisabled = false;