1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
|
// kill dependency issue
if(YAHOO.util.DDProxy){
/**
* @class YAHOO.ext.grid.GridDD
* Custom implementation of YAHOO.util.DDProxy used internally by the grid
* @extends YAHOO.util.DDProxy
*/
YAHOO.ext.grid.GridDD = function(grid, bwrap){
this.grid = grid;
var ddproxy = document.createElement('div');
ddproxy.id = grid.container.id + '-ddproxy';
ddproxy.className = 'ygrid-drag-proxy';
document.body.insertBefore(ddproxy, document.body.firstChild);
YAHOO.util.Dom.setStyle(ddproxy, 'opacity', .80);
var ddicon = document.createElement('span');
ddicon.className = 'ygrid-drop-icon ygrid-drop-nodrop';
ddproxy.appendChild(ddicon);
var ddtext = document.createElement('span');
ddtext.className = 'ygrid-drag-text';
ddtext.innerHTML = " ";
ddproxy.appendChild(ddtext);
this.ddproxy = ddproxy;
this.ddtext = ddtext;
this.ddicon = ddicon;
YAHOO.util.Event.on(bwrap, 'click', this.handleClick, this, true);
YAHOO.ext.grid.GridDD.superclass.constructor.call(this, bwrap.id, 'GridDD',
{dragElId : ddproxy.id, resizeFrame: false});
this.unlockDelegate = grid.selModel.unlock.createDelegate(grid.selModel);
};
YAHOO.extendX(YAHOO.ext.grid.GridDD, YAHOO.util.DDProxy);
YAHOO.ext.grid.GridDD.prototype.handleMouseDown = function(e){
var row = this.grid.getRowFromChild(YAHOO.util.Event.getTarget(e));
if(!row) return;
if(this.grid.selModel.isSelected(row)){
YAHOO.ext.grid.GridDD.superclass.handleMouseDown.call(this, e);
}else {
this.grid.selModel.unlock();
YAHOO.ext.EventObject.setEvent(e);
this.grid.selModel.rowClick(this.grid, row.rowIndex, YAHOO.ext.EventObject);
YAHOO.ext.grid.GridDD.superclass.handleMouseDown.call(this, e);
this.grid.selModel.lock();
}
};
YAHOO.ext.grid.GridDD.prototype.handleClick = function(e){
if(this.grid.selModel.isLocked()){
setTimeout(this.unlockDelegate, 1);
YAHOO.util.Event.stopEvent(e);
}
};
/**
* Updates the DD visual element to allow/not allow a drop
* @param {Boolean} dropStatus True if drop is allowed on the target
*/
YAHOO.ext.grid.GridDD.prototype.setDropStatus = function(dropStatus){
if(dropStatus === true){
YAHOO.util.Dom.replaceClass(this.ddicon, 'ygrid-drop-nodrop', 'ygrid-drop-ok');
}else{
YAHOO.util.Dom.replaceClass(this.ddicon, 'ygrid-drop-ok', 'ygrid-drop-nodrop');
}
};
YAHOO.ext.grid.GridDD.prototype.startDrag = function(e){
this.ddtext.innerHTML = this.grid.getDragDropText();
this.setDropStatus(false);
this.grid.selModel.lock();
this.grid.fireEvent('startdrag', this.grid, this, e);
};
YAHOO.ext.grid.GridDD.prototype.endDrag = function(e){
YAHOO.util.Dom.setStyle(this.ddproxy, 'visibility', 'hidden');
this.grid.fireEvent('enddrag', this.grid, this, e);
};
YAHOO.ext.grid.GridDD.prototype.autoOffset = function(iPageX, iPageY) {
this.setDelta(-12, -20);
};
YAHOO.ext.grid.GridDD.prototype.onDragEnter = function(e, id) {
this.setDropStatus(true);
this.grid.fireEvent('dragenter', this.grid, this, id, e);
};
YAHOO.ext.grid.GridDD.prototype.onDragDrop = function(e, id) {
this.grid.fireEvent('dragdrop', this.grid, this, id, e);
};
YAHOO.ext.grid.GridDD.prototype.onDragOver = function(e, id) {
this.grid.fireEvent('dragover', this.grid, this, id, e);
};
YAHOO.ext.grid.GridDD.prototype.onDragOut = function(e, id) {
this.setDropStatus(false);
this.grid.fireEvent('dragout', this.grid, this, id, e);
};
};
|
