DataView-more.js
上传用户:dawnssy
上传日期:2022-08-06
资源大小:9345k
文件大小:4k
源码类别:

JavaScript

开发平台:

JavaScript

  1. /*!  * Ext JS Library 3.1.0  * Copyright(c) 2006-2009 Ext JS, LLC  * licensing@extjs.com  * http://www.extjs.com/license  */ /**
  2.  * @class Ext.DataView.LabelEditor
  3.  * @extends Ext.Editor
  4.  * 
  5.  */
  6. Ext.DataView.LabelEditor = Ext.extend(Ext.Editor, {
  7.     alignment: "tl-tl",
  8.     hideEl : false,
  9.     cls: "x-small-editor",
  10.     shim: false,
  11.     completeOnEnter: true,
  12.     cancelOnEsc: true,
  13.     labelSelector: 'span.x-editable',
  14.     
  15.     constructor: function(cfg, field){
  16.         Ext.DataView.LabelEditor.superclass.constructor.call(this,
  17.             field || new Ext.form.TextField({
  18.                 allowBlank: false,
  19.                 growMin:90,
  20.                 growMax:240,
  21.                 grow:true,
  22.                 selectOnFocus:true
  23.             }), cfg
  24.         );
  25.     },
  26.     
  27.     init : function(view){
  28.         this.view = view;
  29.         view.on('render', this.initEditor, this);
  30.         this.on('complete', this.onSave, this);
  31.     },
  32.     initEditor : function(){
  33.         this.view.on({
  34.             scope: this,
  35.             containerclick: this.doBlur,
  36.             click: this.doBlur
  37.         });
  38.         this.view.getEl().on('mousedown', this.onMouseDown, this, {delegate: this.labelSelector});
  39.     },
  40.     
  41.     doBlur: function(){
  42.         if(this.editing){
  43.             this.field.blur();
  44.         }
  45.     },
  46.     onMouseDown : function(e, target){
  47.         if(!e.ctrlKey && !e.shiftKey){
  48.             var item = this.view.findItemFromChild(target);
  49.             e.stopEvent();
  50.             var record = this.view.store.getAt(this.view.indexOf(item));
  51.             this.startEdit(target, record.data[this.dataIndex]);
  52.             this.activeRecord = record;
  53.         }else{
  54.             e.preventDefault();
  55.         }
  56.     },
  57.     onSave : function(ed, value){
  58.         this.activeRecord.set(this.dataIndex, value);
  59.     }
  60. });
  61. Ext.DataView.DragSelector = function(cfg){
  62.     cfg = cfg || {};
  63.     var view, proxy, tracker;
  64.     var rs, bodyRegion, dragRegion = new Ext.lib.Region(0,0,0,0);
  65.     var dragSafe = cfg.dragSafe === true;
  66.     this.init = function(dataView){
  67.         view = dataView;
  68.         view.on('render', onRender);
  69.     };
  70.     function fillRegions(){
  71.         rs = [];
  72.         view.all.each(function(el){
  73.             rs[rs.length] = el.getRegion();
  74.         });
  75.         bodyRegion = view.el.getRegion();
  76.     }
  77.     function cancelClick(){
  78.         return false;
  79.     }
  80.     function onBeforeStart(e){
  81.         return !dragSafe || e.target == view.el.dom;
  82.     }
  83.     function onStart(e){
  84.         view.on('containerclick', cancelClick, view, {single:true});
  85.         if(!proxy){
  86.             proxy = view.el.createChild({cls:'x-view-selector'});
  87.         }else{
  88.             if(proxy.dom.parentNode !== view.el.dom){
  89.                 view.el.dom.appendChild(proxy.dom);
  90.             }
  91.             proxy.setDisplayed('block');
  92.         }
  93.         fillRegions();
  94.         view.clearSelections();
  95.     }
  96.     function onDrag(e){
  97.         var startXY = tracker.startXY;
  98.         var xy = tracker.getXY();
  99.         var x = Math.min(startXY[0], xy[0]);
  100.         var y = Math.min(startXY[1], xy[1]);
  101.         var w = Math.abs(startXY[0] - xy[0]);
  102.         var h = Math.abs(startXY[1] - xy[1]);
  103.         dragRegion.left = x;
  104.         dragRegion.top = y;
  105.         dragRegion.right = x+w;
  106.         dragRegion.bottom = y+h;
  107.         dragRegion.constrainTo(bodyRegion);
  108.         proxy.setRegion(dragRegion);
  109.         for(var i = 0, len = rs.length; i < len; i++){
  110.             var r = rs[i], sel = dragRegion.intersect(r);
  111.             if(sel && !r.selected){
  112.                 r.selected = true;
  113.                 view.select(i, true);
  114.             }else if(!sel && r.selected){
  115.                 r.selected = false;
  116.                 view.deselect(i);
  117.             }
  118.         }
  119.     }
  120.     function onEnd(e){
  121.         if (!Ext.isIE) {
  122.             view.un('containerclick', cancelClick, view);    
  123.         }        
  124.         if(proxy){
  125.             proxy.setDisplayed(false);
  126.         }
  127.     }
  128.     function onRender(view){
  129.         tracker = new Ext.dd.DragTracker({
  130.             onBeforeStart: onBeforeStart,
  131.             onStart: onStart,
  132.             onDrag: onDrag,
  133.             onEnd: onEnd
  134.         });
  135.         tracker.initEl(view.el);
  136.     }
  137. };