Class CbnDataviewDragManager<T>

constructor

• new CbnDataviewDragManager<T>(dataview, disabledClass?): CbnDataviewDragManager<T>

• Creates a new DataviewDragManager instance which handles the events of dragging a dataview item. Provide the dataview control and optionally provide the class of the disabled dataview items.

  Provide a type to define how your "dragData" will look like. The drag data can be used to "transfer" data from an event to a another one. The object can be fully customized and defined by yourself.

  Type Parameters

  • T

  Parameters

  • dataview: Dataview
  • Optional disabledClass: string

    optional (default: 'cfgrctrl-disabled')

  Returns CbnDataviewDragManager<T>

onDrag

onDragEnd

onDragStart

createDragImage

• createDragImage(targetElement, viewerZoom, width, height, src): {
      dragImageContainer: HTMLDivElement;
      imageHeight: number;
      imageWidth: number;
  }

• Create the Drag Image with its correct dimensions also respecting the current viewers zoom value.

  Parameters

  • targetElement: Element

    The element where the dragged item should be droppable and added to.
  • viewerZoom: number

    The current zoom lvl of the viewer.
  • width: number

    The width of the image that should be created.
  • height: number

    The height of the image that should be created.
  • src: string

    The url/src of the image that should be created.

  Returns {
      dragImageContainer: HTMLDivElement;
      imageHeight: number;
      imageWidth: number;
  }

  • dragImageContainer: HTMLDivElement

  • imageHeight: number

  • imageWidth: number

getDragData

• getDragData(): undefined | T

• Get the Drag-Data.

  Returns undefined | T

setDragData

• setDragData(data): void

• Set the Drag-Data.

  Parameters

  • data: T

  Returns void

setDragState

• setDragState(state): void

• Set the Drag-State.

  Parameters

  • state: DragState

  Returns void

update

• update(): void

• Triggers the update for the dataview drag listeners. Use this whenever the data entries of the dataview get updated to ensure every drag listener is correctly registered to handle the drag.

  Returns void

  void