git.roojs.org Git - roojs1/blob - docs/src/Roo_grid_GridDragZone.js.html

   1 <html><head><title>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         </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">sm.getSelections </span><span class="jsdoc-syntax">&amp;&amp; </span><span class="jsdoc-var">sm.getSelections</span><span class="jsdoc-syntax">()</span><span class="jsdoc-var">.length </span><span class="jsdoc-syntax">&lt; 1) {
  48             </span><span class="jsdoc-keyword">return false</span><span class="jsdoc-syntax">;
  49         }
  50
  51
  52         </span><span class="jsdoc-comment">// before it used to all dragging of unseleted... - now we dont do that.
  53         </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">){
  54
  55             </span><span class="jsdoc-comment">// if editorgrid..
  56
  57
  58             //Roo.log([ sm.getSelectedCell() ? sm.getSelectedCell()[0] : 'NO' , rowIndex ]);
  59
  60             //if(!sm.isSelected(rowIndex) || e.hasModifier()){
  61               //
  62             //}
  63             </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">e.hasModifier</span><span class="jsdoc-syntax">()){
  64                 </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.
  65             </span><span class="jsdoc-syntax">}
  66
  67             </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">);
  68
  69             </span><span class="jsdoc-keyword">return </span><span class="jsdoc-syntax">{
  70                 </span><span class="jsdoc-var">grid</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.grid</span><span class="jsdoc-syntax">,
  71                 </span><span class="jsdoc-var">ddel</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.ddel</span><span class="jsdoc-syntax">,
  72                 </span><span class="jsdoc-var">rowIndex</span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">rowIndex</span><span class="jsdoc-syntax">,
  73                 </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">() : (
  74                     </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]) ] : [])
  75             };
  76         }
  77         </span><span class="jsdoc-keyword">return false</span><span class="jsdoc-syntax">;
  78     },
  79
  80
  81     </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">){
  82         </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">;
  83         </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">();
  84         </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">);
  85         </span><span class="jsdoc-comment">// fire start drag?
  86     </span><span class="jsdoc-syntax">},
  87
  88     </span><span class="jsdoc-var">afterRepair </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
  89         </span><span class="jsdoc-var">this.dragging </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">false</span><span class="jsdoc-syntax">;
  90     },
  91
  92     </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">){
  93         </span><span class="jsdoc-keyword">return false</span><span class="jsdoc-syntax">;
  94     },
  95
  96     </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">){
  97         </span><span class="jsdoc-comment">// fire end drag?
  98     </span><span class="jsdoc-syntax">},
  99
 100     </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">){
 101         </span><span class="jsdoc-comment">// fire drag drop?
 102         </span><span class="jsdoc-var">this.hideProxy</span><span class="jsdoc-syntax">();
 103     },
 104
 105     </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">){
 106
 107     }
 108 });</span></code></body></html>