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

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

中间件编程

开发平台：

JavaScript

PanelDD.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.dd.PanelProxy
  3.  * A custom drag proxy implementation specific to {@link Ext.Panel}s. This class is primarily used internally
  4.  * for the Panel's drag drop implementation, and should never need to be created directly.
  5.  * @constructor
  6.  * @param panel The {@link Ext.Panel} to proxy for
  7.  * @param config Configuration options
  8.  */
  9. Ext.dd.PanelProxy = function(panel, config){
  10.     this.panel = panel;
  11.     this.id = this.panel.id +'-ddproxy';
  12.     Ext.apply(this, config);
  13. };
  15. Ext.dd.PanelProxy.prototype = {
  16.     /**
  17.      * @cfg {Boolean} insertProxy True to insert a placeholder proxy element while dragging the panel,
  18.      * false to drag with no proxy (defaults to true).
  19.      */
  20.     insertProxy : true,
  22.     // private overrides
  23.     setStatus : Ext.emptyFn,
  24.     reset : Ext.emptyFn,
  25.     update : Ext.emptyFn,
  26.     stop : Ext.emptyFn,
  27.     sync: Ext.emptyFn,
  29.     /**
  30.      * Gets the proxy's element
  31.      * @return {Element} The proxy's element
  32.      */
  33.     getEl : function(){
  34.         return this.ghost;
  35.     },
  37.     /**
  38.      * Gets the proxy's ghost element
  39.      * @return {Element} The proxy's ghost element
  40.      */
  41.     getGhost : function(){
  42.         return this.ghost;
  43.     },
  45.     /**
  46.      * Gets the proxy's element
  47.      * @return {Element} The proxy's element
  48.      */
  49.     getProxy : function(){
  50.         return this.proxy;
  51.     },
  53.     /**
  54.      * Hides the proxy
  55.      */
  56.     hide : function(){
  57.         if(this.ghost){
  58.             if(this.proxy){
  59.                 this.proxy.remove();
  60.                 delete this.proxy;
  61.             }
  62.             this.panel.el.dom.style.display = '';
  63.             this.ghost.remove();
  64.             delete this.ghost;
  65.         }
  66.     },
  68.     /**
  69.      * Shows the proxy
  70.      */
  71.     show : function(){
  72.         if(!this.ghost){
  73.             this.ghost = this.panel.createGhost(undefined, undefined, Ext.getBody());
  74.             this.ghost.setXY(this.panel.el.getXY())
  75.             if(this.insertProxy){
  76.                 this.proxy = this.panel.el.insertSibling({cls:'x-panel-dd-spacer'});
  77.                 this.proxy.setSize(this.panel.getSize());
  78.             }
  79.             this.panel.el.dom.style.display = 'none';
  80.         }
  81.     },
  83.     // private
  84.     repair : function(xy, callback, scope){
  85.         this.hide();
  86.         if(typeof callback == "function"){
  87.             callback.call(scope || this);
  88.         }
  89.     },
  91.     /**
  92.      * Moves the proxy to a different position in the DOM.  This is typically called while dragging the Panel
  93.      * to keep the proxy sync'd to the Panel's location.
  94.      * @param {HTMLElement} parentNode The proxy's parent DOM node
  95.      * @param {HTMLElement} before (optional) The sibling node before which the proxy should be inserted (defaults
  96.      * to the parent's last child if not specified)
  97.      */
  98.     moveProxy : function(parentNode, before){
  99.         if(this.proxy){
  100.             parentNode.insertBefore(this.proxy.dom, before);
  101.         }
  102.     }
  103. };
  105. // private - DD implementation for Panels
  106. Ext.Panel.DD = function(panel, cfg){
  107.     this.panel = panel;
  108.     this.dragData = {panel: panel};
  109.     this.proxy = new Ext.dd.PanelProxy(panel, cfg);
  110.     Ext.Panel.DD.superclass.constructor.call(this, panel.el, cfg);
  111.     var h = panel.header;
  112.     if(h){
  113.         this.setHandleElId(h.id);
  114.     }
  115.     (h ? h : this.panel.body).setStyle('cursor', 'move');
  116.     this.scroll = false;
  117. };
  119. Ext.extend(Ext.Panel.DD, Ext.dd.DragSource, {
  120.     showFrame: Ext.emptyFn,
  121.     startDrag: Ext.emptyFn,
  122.     b4StartDrag: function(x, y) {
  123.         this.proxy.show();
  124.     },
  125.     b4MouseDown: function(e) {
  126.         var x = e.getPageX();
  127.         var y = e.getPageY();
  128.         this.autoOffset(x, y);
  129.     },
  130.     onInitDrag : function(x, y){
  131.         this.onStartDrag(x, y);
  132.         return true;
  133.     },
  134.     createFrame : Ext.emptyFn,
  135.     getDragEl : function(e){
  136.         return this.proxy.ghost.dom;
  137.     },
  138.     endDrag : function(e){
  139.         this.proxy.hide();
  140.         this.panel.saveState();
  141.     },
  143.     autoOffset : function(x, y) {
  144.         x -= this.startPageX;
  145.         y -= this.startPageY;
  146.         this.setDelta(x, y);
  147.     }
  148. });