3. Dragging external tag

Dragging from and to external sources

• TreeGrid provides helping API methods for dragging anything to grid and also for dragging grid content outside any grid.

• Dragging cell outside grid

  • Attach action

    DragCell

    to the event

    OnDragCell

    for cell, column, row or for whole grid in <Actions> tag.
  • Define API event OnStartDragCell if you want to conditionally suppress the dragging or change the object shown while dragging.
  • Define API event OnMoveDragCell if you want to conditionally change mouse cursor during dragging.
  • Define API event

    OnEndDragCell

    to provide the required action on drop the cell.
  • See Row moving and dragging documentation - DragCell

• Dragging Gantt Run box outside grid

  • Set Gantt cell or column attribute GanttRunMove to Move, Copy or Remove to let move run boxes outside the row. Optionally set it only for dragging with a key like Shift, Ctrl or Alt or by different mouse button.
  • Define API event

    OnGanttRunDrop

    . It is called both during moving and also on drop. Provide here you custom action especially for drop.
  • See Gantt Run moving and resizing documentation

• Dragging external tags into grid

  • Define onmousedown HTML event of the tag to be dragged. Return false from it to suppress selecting text. For IE define also onselectstart and return false to suppress selecting.
  • In the onmousedown code you can call

    DragByMouse

    API function to attach some HTML to mouse to simulate the dragging.
  • For tablets define also ontouchstart with the same code as the onmousedown.
  • Define API event

    OnMouseUp

    to handle the dropping into grid. Here you can provide any action like changing the cell by SetString, adding new row by AddRow, adding new Run box into Gantt chart by AddGanttRunBox, etc.
  • See Row moving and dragging documentation - DragByMouse, Mouse API documentation and Gantt Run API documentation