ColumnResizer.js
上传用户:shuoshiled
上传日期:2018-01-28
资源大小:10124k
文件大小:4k
源码类别:

中间件编程

开发平台:

JavaScript

  1. /*!  * Ext JS Library 3.0.0  * Copyright(c) 2006-2009 Ext JS, LLC  * licensing@extjs.com  * http://www.extjs.com/license  */ /**
  2.  * @class Ext.ListView.ColumnResizer
  3.  * @extends Ext.util.Observable
  4.  * <p>Supporting Class for Ext.ListView.</p>
  5.  * @constructor
  6.  * @param {Object} config
  7.  */
  8. Ext.ListView.ColumnResizer = Ext.extend(Ext.util.Observable, {
  9.     /**
  10.      * @cfg {Number} minPct The minimum percentage to allot for any column (defaults to <tt>.05</tt>)
  11.      */
  12.     minPct: .05,
  13.     constructor: function(config){
  14.         Ext.apply(this, config);
  15.         Ext.ListView.ColumnResizer.superclass.constructor.call(this);
  16.     },
  17.     init : function(listView){
  18.         this.view = listView;
  19.         listView.on('render', this.initEvents, this);
  20.     },
  21.     initEvents : function(view){
  22.         view.mon(view.innerHd, 'mousemove', this.handleHdMove, this);
  23.         this.tracker = new Ext.dd.DragTracker({
  24.             onBeforeStart: this.onBeforeStart.createDelegate(this),
  25.             onStart: this.onStart.createDelegate(this),
  26.             onDrag: this.onDrag.createDelegate(this),
  27.             onEnd: this.onEnd.createDelegate(this),
  28.             tolerance: 3,
  29.             autoStart: 300
  30.         });
  31.         this.tracker.initEl(view.innerHd);
  32.         view.on('beforedestroy', this.tracker.destroy, this.tracker);
  33.     },
  34.     handleHdMove : function(e, t){
  35.         var hw = 5;
  36.         var x = e.getPageX();
  37.         var hd = e.getTarget('em', 3, true);
  38.         if(hd){
  39.             var r = hd.getRegion();
  40.             var ss = hd.dom.style;
  41.             var pn = hd.dom.parentNode;
  42.             if(x - r.left <= hw && pn != pn.parentNode.firstChild){
  43.                 this.activeHd = Ext.get(pn.previousSibling.firstChild);
  44. ss.cursor = Ext.isWebKit ? 'e-resize' : 'col-resize';
  45.             } else if(r.right - x <= hw && pn != pn.parentNode.lastChild.previousSibling){
  46.                 this.activeHd = hd;
  47. ss.cursor = Ext.isWebKit ? 'w-resize' : 'col-resize';
  48.             } else{
  49.                 delete this.activeHd;
  50.                 ss.cursor = '';
  51.             }
  52.         }
  53.     },
  54.     onBeforeStart : function(e){
  55.         this.dragHd = this.activeHd;
  56.         return !!this.dragHd;
  57.     },
  58.     onStart: function(e){
  59.         this.view.disableHeaders = true;
  60.         this.proxy = this.view.el.createChild({cls:'x-list-resizer'});
  61.         this.proxy.setHeight(this.view.el.getHeight());
  62.         var x = this.tracker.getXY()[0];
  63.         var w = this.view.innerHd.getWidth();
  64.         this.hdX = this.dragHd.getX();
  65.         this.hdIndex = this.view.findHeaderIndex(this.dragHd);
  66.         this.proxy.setX(this.hdX);
  67.         this.proxy.setWidth(x-this.hdX);
  68.         this.minWidth = w*this.minPct;
  69.         this.maxWidth = w - (this.minWidth*(this.view.columns.length-1-this.hdIndex));
  70.     },
  71.     onDrag: function(e){
  72.         var cursorX = this.tracker.getXY()[0];
  73.         this.proxy.setWidth((cursorX-this.hdX).constrain(this.minWidth, this.maxWidth));
  74.     },
  75.     onEnd: function(e){
  76.         var nw = this.proxy.getWidth();
  77.         this.proxy.remove();
  78.         var index = this.hdIndex;
  79.         var vw = this.view, cs = vw.columns, len = cs.length;
  80.         var w = this.view.innerHd.getWidth(), minPct = this.minPct * 100;
  81.         var pct = Math.ceil((nw*100) / w);
  82.         var diff = cs[index].width - pct;
  83.         var each = Math.floor(diff / (len-1-index));
  84.         var mod = diff - (each * (len-1-index));
  85.         for(var i = index+1; i < len; i++){
  86.             var cw = cs[i].width + each;
  87.             var ncw = Math.max(minPct, cw);
  88.             if(cw != ncw){
  89.                 mod += cw - ncw;
  90.             }
  91.             cs[i].width = ncw;
  92.         }
  93.         cs[index].width = pct;
  94.         cs[index+1].width += mod;
  95.         delete this.dragHd;
  96.         this.view.setHdWidths();
  97.         this.view.refresh();
  98.         setTimeout(function(){
  99.             vw.disableHeaders = false;
  100.         }, 100);
  101.     }
  102. });