Fix #5718 - Change the order / layout of tabs. / new master lists
[roojs1] / docs / src / Roo_grid_GridDragZone.js.html
1 <html><head><title>/home/edward/gitlive/roojs1/Roo/grid/GridDragZone.js</title><link rel="stylesheet" type="text/css" href="../../css/highlight-js.css"/></head><body class="highlightpage"><code class="jsdoc-pretty"><span class="jsdoc-comment">/*
2  * Based on:
3  * Ext JS Library 1.1.1
4  * Copyright(c) 2006-2007, Ext JS, LLC.
5  *
6  * Originally Released Under LGPL - original licence link has changed is not relivant.
7  *
8  * Fork - LGPL
9  * &lt;script type=&quot;text/javascript&quot;&gt;
10  */
11
12 // private
13 // This is a support class used internally by the Grid components
14 </span><span class="jsdoc-var">Roo.grid.GridDragZone </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">grid</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">config</span><span class="jsdoc-syntax">){
15     </span><span class="jsdoc-var">this.view </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">grid.getView</span><span class="jsdoc-syntax">();
16     </span><span class="jsdoc-var">Roo.grid.GridDragZone.superclass.constructor.call</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.view.mainBody.dom</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">config</span><span class="jsdoc-syntax">);
17     </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.view.lockedBody</span><span class="jsdoc-syntax">){
18         </span><span class="jsdoc-var">this.setHandleElId</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.id</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.view.mainBody.dom</span><span class="jsdoc-syntax">));
19         </span><span class="jsdoc-var">this.setOuterHandleElId</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.id</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.view.lockedBody.dom</span><span class="jsdoc-syntax">));
20     }
21     </span><span class="jsdoc-var">this.scroll </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">;
22     </span><span class="jsdoc-var">this.grid </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">grid</span><span class="jsdoc-syntax">;
23     </span><span class="jsdoc-var">this.ddel </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">document.createElement</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'div'</span><span class="jsdoc-syntax">);
24     </span><span class="jsdoc-var">this.ddel.className </span><span class="jsdoc-syntax">= </span><span class="jsdoc-string">'x-grid-dd-wrap'</span><span class="jsdoc-syntax">;
25 };
26
27 </span><span class="jsdoc-var">Roo.extend</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.grid.GridDragZone</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">Roo.dd.DragZone</span><span class="jsdoc-syntax">, {
28     </span><span class="jsdoc-var">ddGroup </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">&quot;GridDD&quot;</span><span class="jsdoc-syntax">,
29
30     </span><span class="jsdoc-var">getDragData </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">){
31         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">t </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Roo.lib.Event.getTarget</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">);
32         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">rowIndex </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.view.findRowIndex</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">t</span><span class="jsdoc-syntax">);
33         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">sm </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.grid.selModel</span><span class="jsdoc-syntax">;
34
35         </span><span class="jsdoc-comment">//Roo.log(rowIndex);
36
37         </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">sm.getSelectedCell</span><span class="jsdoc-syntax">) {
38             </span><span class="jsdoc-comment">// cell selection..
39             </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(!</span><span class="jsdoc-var">sm.getSelectedCell</span><span class="jsdoc-syntax">()) {
40                 </span><span class="jsdoc-keyword">return false</span><span class="jsdoc-syntax">;
41             }
42             </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">rowIndex </span><span class="jsdoc-syntax">!= </span><span class="jsdoc-var">sm.getSelectedCell</span><span class="jsdoc-syntax">()[0]) {
43                 </span><span class="jsdoc-keyword">return false</span><span class="jsdoc-syntax">;
44             }
45
46         }
47
48         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">rowIndex </span><span class="jsdoc-syntax">!== </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">){
49
50             </span><span class="jsdoc-comment">// if editorgrid.. 
51
52
53             //Roo.log([ sm.getSelectedCell() ? sm.getSelectedCell()[0] : 'NO' , rowIndex ]);
54
55             //if(!sm.isSelected(rowIndex) || e.hasModifier()){
56               //  
57             //}
58             </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">e.hasModifier</span><span class="jsdoc-syntax">()){
59                 </span><span class="jsdoc-var">sm.handleMouseDown</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">t</span><span class="jsdoc-syntax">); </span><span class="jsdoc-comment">// non modifier buttons are handled by row select.
60             </span><span class="jsdoc-syntax">}
61
62             </span><span class="jsdoc-var">Roo.log</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">&quot;getDragData&quot;</span><span class="jsdoc-syntax">);
63
64             </span><span class="jsdoc-keyword">return </span><span class="jsdoc-syntax">{
65                 </span><span class="jsdoc-var">grid</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.grid</span><span class="jsdoc-syntax">,
66                 </span><span class="jsdoc-var">ddel</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.ddel</span><span class="jsdoc-syntax">,
67                 </span><span class="jsdoc-var">rowIndex</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">rowIndex</span><span class="jsdoc-syntax">,
68                 </span><span class="jsdoc-var">selections</span><span class="jsdoc-syntax">:</span><span class="jsdoc-var">sm.getSelections </span><span class="jsdoc-syntax">? </span><span class="jsdoc-var">sm.getSelections</span><span class="jsdoc-syntax">() : (
69                     </span><span class="jsdoc-var">sm.getSelectedCell</span><span class="jsdoc-syntax">() ? [ </span><span class="jsdoc-var">this.grid.ds.getAt</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">sm.getSelectedCell</span><span class="jsdoc-syntax">()[0]) ] : []
70                 )
71             };
72         }
73         </span><span class="jsdoc-keyword">return false</span><span class="jsdoc-syntax">;
74     },
75
76     </span><span class="jsdoc-var">onInitDrag </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">){
77         </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">data </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.dragData</span><span class="jsdoc-syntax">;
78         </span><span class="jsdoc-var">this.ddel.innerHTML </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.grid.getDragDropText</span><span class="jsdoc-syntax">();
79         </span><span class="jsdoc-var">this.proxy.update</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.ddel</span><span class="jsdoc-syntax">);
80         </span><span class="jsdoc-comment">// fire start drag?
81     </span><span class="jsdoc-syntax">},
82
83     </span><span class="jsdoc-var">afterRepair </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
84         </span><span class="jsdoc-var">this.dragging </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">;
85     },
86
87     </span><span class="jsdoc-var">getRepairXY </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">data</span><span class="jsdoc-syntax">){
88         </span><span class="jsdoc-keyword">return false</span><span class="jsdoc-syntax">;
89     },
90
91     </span><span class="jsdoc-var">onEndDrag </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">data</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">){
92         </span><span class="jsdoc-comment">// fire end drag?
93     </span><span class="jsdoc-syntax">},
94
95     </span><span class="jsdoc-var">onValidDrop </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">dd</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">id</span><span class="jsdoc-syntax">){
96         </span><span class="jsdoc-comment">// fire drag drop?
97         </span><span class="jsdoc-var">this.hideProxy</span><span class="jsdoc-syntax">();
98     },
99
100     </span><span class="jsdoc-var">beforeInvalidDrop </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">id</span><span class="jsdoc-syntax">){
101
102     }
103 });</span></code></body></html>