开通博客赚积分
发布资源赚积分
分类

源码开发语言/平台
当前位置：首页 > 源码/资料 > 中间件编程 > 查看源码
DataView-more.js
资源名称：ext-3.0.0.zip　[点击查看]
上传用户：shuoshiled
上传日期：2018-01-28
资源大小：10124k
文件大小：4k
源码类别：

中间件编程

开发平台：

JavaScript

DataView-more.js：源码内容
  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.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.     },
  33.     initEditor : function(){
  34.         this.view.on({
  35.             scope: this,
  36.             containerclick: this.doBlur,
  37.             click: this.doBlur
  38.         });
  39.         this.view.getEl().on('mousedown', this.onMouseDown, this, {delegate: this.labelSelector});
  40.     },
  41.     
  42.     doBlur: function(){
  43.         if(this.editing){
  44.             this.field.blur();
  45.         }
  46.     },
  48.     onMouseDown : function(e, target){
  49.         if(!e.ctrlKey && !e.shiftKey){
  50.             var item = this.view.findItemFromChild(target);
  51.             e.stopEvent();
  52.             var record = this.view.store.getAt(this.view.indexOf(item));
  53.             this.startEdit(target, record.data[this.dataIndex]);
  54.             this.activeRecord = record;
  55.         }else{
  56.             e.preventDefault();
  57.         }
  58.     },
  60.     onSave : function(ed, value){
  61.         this.activeRecord.set(this.dataIndex, value);
  62.     }
  63. });
  66. Ext.DataView.DragSelector = function(cfg){
  67.     cfg = cfg || {};
  68.     var view, proxy, tracker;
  69.     var rs, bodyRegion, dragRegion = new Ext.lib.Region(0,0,0,0);
  70.     var dragSafe = cfg.dragSafe === true;
  72.     this.init = function(dataView){
  73.         view = dataView;
  74.         view.on('render', onRender);
  75.     };
  77.     function fillRegions(){
  78.         rs = [];
  79.         view.all.each(function(el){
  80.             rs[rs.length] = el.getRegion();
  81.         });
  82.         bodyRegion = view.el.getRegion();
  83.     }
  85.     function cancelClick(){
  86.         return false;
  87.     }
  89.     function onBeforeStart(e){
  90.         return !dragSafe || e.target == view.el.dom;
  91.     }
  93.     function onStart(e){
  94.         view.on('containerclick', cancelClick, view, {single:true});
  95.         if(!proxy){
  96.             proxy = view.el.createChild({cls:'x-view-selector'});
  97.         }else{
  98.             proxy.setDisplayed('block');
  99.         }
  100.         fillRegions();
  101.         view.clearSelections();
  102.     }
  104.     function onDrag(e){
  105.         var startXY = tracker.startXY;
  106.         var xy = tracker.getXY();
  108.         var x = Math.min(startXY[0], xy[0]);
  109.         var y = Math.min(startXY[1], xy[1]);
  110.         var w = Math.abs(startXY[0] - xy[0]);
  111.         var h = Math.abs(startXY[1] - xy[1]);
  113.         dragRegion.left = x;
  114.         dragRegion.top = y;
  115.         dragRegion.right = x+w;
  116.         dragRegion.bottom = y+h;
  118.         dragRegion.constrainTo(bodyRegion);
  119.         proxy.setRegion(dragRegion);
  121.         for(var i = 0, len = rs.length; i < len; i++){
  122.             var r = rs[i], sel = dragRegion.intersect(r);
  123.             if(sel && !r.selected){
  124.                 r.selected = true;
  125.                 view.select(i, true);
  126.             }else if(!sel && r.selected){
  127.                 r.selected = false;
  128.                 view.deselect(i);
  129.             }
  130.         }
  131.     }
  133.     function onEnd(e){
  134.         if (!Ext.isIE) {
  135.             view.un('containerclick', cancelClick, view);    
  136.         }        
  137.         if(proxy){
  138.             proxy.setDisplayed(false);
  139.         }
  140.     }
  142.     function onRender(view){
  143.         tracker = new Ext.dd.DragTracker({
  144.             onBeforeStart: onBeforeStart,
  145.             onStart: onStart,
  146.             onDrag: onDrag,
  147.             onEnd: onEnd
  148.         });
  149.         tracker.initEl(view.el);
  150.     }
  151. };