/*
This file is part of Ext JS 4.2
Copyright (c) 2011-2013 Sencha Inc
Contact: http://www.sencha.com/contact
GNU General Public License Usage
This file may be used under the terms of the GNU General Public License version 3.0 as
published by the Free Software Foundation and appearing in the file LICENSE included in the
packaging of this file.
Please review the following information to ensure the GNU General Public License version 3.0
requirements will be met: http://www.gnu.org/copyleft/gpl.html.
If you are unsure which license is appropriate for your use, please contact the sales department
at http://www.sencha.com/contact.
Build date: 2013-05-16 14:36:50 (f9be68accb407158ba2b1be2c226a6ce1f649314)
*/
/**
* A custom drag proxy implementation specific to {@link Ext.panel.Panel}s. This class
* is primarily used internally for the Panel's drag drop implementation, and
* should never need to be created directly.
* @private
*/
Ext.define('Ext.panel.Proxy', {
alternateClassName: 'Ext.dd.PanelProxy',
/**
* @cfg {Boolean} [moveOnDrag=true]
* True to move the panel to the dragged position when dropped
*/
moveOnDrag: true,
/**
* Creates new panel proxy.
* @param {Ext.panel.Panel} panel The {@link Ext.panel.Panel} to proxy for
* @param {Object} [config] Config object
*/
constructor: function(panel, config){
var me = this;
/**
* @property panel
* @type Ext.panel.Panel
*/
me.panel = panel;
me.id = me.panel.id +'-ddproxy';
Ext.apply(me, config);
},
/**
* @cfg {Boolean} insertProxy
* True to insert a placeholder proxy element while dragging the panel, false to drag with no proxy.
* Most Panels are not absolute positioned and therefore we need to reserve this space.
*/
insertProxy: true,
// private overrides
setStatus: Ext.emptyFn,
reset: Ext.emptyFn,
update: Ext.emptyFn,
stop: Ext.emptyFn,
sync: Ext.emptyFn,
/**
* Gets the proxy's element
* @return {Ext.Element} The proxy's element
*/
getEl: function(){
return this.ghost.el;
},
/**
* Gets the proxy's ghost Panel
* @return {Ext.panel.Panel} The proxy's ghost Panel
*/
getGhost: function(){
return this.ghost;
},
/**
* Gets the proxy element. This is the element that represents where the
* Panel was before we started the drag operation.
* @return {Ext.Element} The proxy's element
*/
getProxy: function(){
return this.proxy;
},
/**
* Hides the proxy
*/
hide : function(){
var me = this;
if (me.ghost) {
if (me.proxy) {
me.proxy.remove();
delete me.proxy;
}
// Unghost the Panel, do not move the Panel to where the ghost was
me.panel.unghost(null, me.moveOnDrag);
delete me.ghost;
}
},
/**
* Shows the proxy
*/
show: function(){
var me = this,
panelSize;
if (!me.ghost) {
panelSize = me.panel.getSize();
me.panel.el.setVisibilityMode(Ext.Element.DISPLAY);
me.ghost = me.panel.ghost();
if (me.insertProxy) {
// bc Panels aren't absolute positioned we need to take up the space
// of where the panel previously was
me.proxy = me.panel.el.insertSibling({cls: Ext.baseCSSPrefix + 'panel-dd-spacer'});
me.proxy.setSize(panelSize);
}
}
},
// private
repair: function(xy, callback, scope) {
this.hide();
Ext.callback(callback, scope || this);
},
/**
* Moves the proxy to a different position in the DOM. This is typically
* called while dragging the Panel to keep the proxy sync'd to the Panel's
* location.
* @param {HTMLElement} parentNode The proxy's parent DOM node
* @param {HTMLElement} [before] The sibling node before which the
* proxy should be inserted. Defaults to the parent's last child if not
* specified.
*/
moveProxy : function(parentNode, before){
if (this.proxy) {
parentNode.insertBefore(this.proxy.dom, before);
}
}
});
|
Download
