3 * Copyright(c) 2006-2010 Ext JS, Inc.
5 * http://www.extjs.com/license
8 * @class Ext.list.ColumnResizer
9 * @extends Ext.util.Observable
10 * <p>Supporting Class for Ext.list.ListView</p>
12 * @param {Object} config
14 Ext.list.ColumnResizer = Ext.extend(Ext.util.Observable, {
16 * @cfg {Number} minPct The minimum percentage to allot for any column (defaults to <tt>.05</tt>)
20 constructor: function(config){
21 Ext.apply(this, config);
22 Ext.list.ColumnResizer.superclass.constructor.call(this);
24 init : function(listView){
26 listView.on('render', this.initEvents, this);
29 initEvents : function(view){
30 view.mon(view.innerHd, 'mousemove', this.handleHdMove, this);
31 this.tracker = new Ext.dd.DragTracker({
32 onBeforeStart: this.onBeforeStart.createDelegate(this),
33 onStart: this.onStart.createDelegate(this),
34 onDrag: this.onDrag.createDelegate(this),
35 onEnd: this.onEnd.createDelegate(this),
39 this.tracker.initEl(view.innerHd);
40 view.on('beforedestroy', this.tracker.destroy, this.tracker);
43 handleHdMove : function(e, t){
46 hd = e.getTarget('em', 3, true);
48 var r = hd.getRegion(),
50 pn = hd.dom.parentNode;
52 if(x - r.left <= hw && pn != pn.parentNode.firstChild){
53 this.activeHd = Ext.get(pn.previousSibling.firstChild);
54 ss.cursor = Ext.isWebKit ? 'e-resize' : 'col-resize';
55 } else if(r.right - x <= hw && pn != pn.parentNode.lastChild.previousSibling){
57 ss.cursor = Ext.isWebKit ? 'w-resize' : 'col-resize';
65 onBeforeStart : function(e){
66 this.dragHd = this.activeHd;
71 this.view.disableHeaders = true;
72 this.proxy = this.view.el.createChild({cls:'x-list-resizer'});
73 this.proxy.setHeight(this.view.el.getHeight());
75 var x = this.tracker.getXY()[0],
76 w = this.view.innerHd.getWidth();
78 this.hdX = this.dragHd.getX();
79 this.hdIndex = this.view.findHeaderIndex(this.dragHd);
81 this.proxy.setX(this.hdX);
82 this.proxy.setWidth(x-this.hdX);
84 this.minWidth = w*this.minPct;
85 this.maxWidth = w - (this.minWidth*(this.view.columns.length-1-this.hdIndex));
89 var cursorX = this.tracker.getXY()[0];
90 this.proxy.setWidth((cursorX-this.hdX).constrain(this.minWidth, this.maxWidth));
94 /* calculate desired width by measuring proxy and then remove it */
95 var nw = this.proxy.getWidth();
98 var index = this.hdIndex,
102 w = this.view.innerHd.getWidth(),
103 minPct = this.minPct * 100,
104 pct = Math.ceil((nw * vw.maxWidth) / w),
105 diff = (cs[index].width * 100) - pct,
106 eachItem = Math.floor(diff / (len-1-index)),
107 mod = diff - (eachItem * (len-1-index));
109 for(var i = index+1; i < len; i++){
110 var cw = (cs[i].width * 100) + eachItem,
111 ncw = Math.max(minPct, cw);
115 cs[i].width = ncw / 100;
117 cs[index].width = pct / 100;
118 cs[index+1].width += (mod / 100);
122 setTimeout(function(){
123 vw.disableHeaders = false;
128 // Backwards compatibility alias
129 Ext.ListView.ColumnResizer = Ext.list.ColumnResizer;