dragAndDrop | Doc Detective

Referenced In

Markup definition
test
Resolved context

Fields

Field	Type	Description	Default
dragAndDrop	object(dragAndDrop)	Required. Drag and drop an element from source to target.	—

Examples

{
  "dragAndDrop": {
    "source": "Table",
    "target": "#canvas"
  }
}

{
  "dragAndDrop": {
    "source": ".draggable-block",
    "target": ".drop-zone",
    "duration": 2000
  }
}

{
  "dragAndDrop": {
    "source": {
      "selector": ".widget",
      "elementText": "Data Table"
    },
    "target": {
      "selector": "#design-canvas"
    },
    "duration": 500
  }
}

{
  "dragAndDrop": {
    "source": {
      "selector": ".draggable",
      "timeout": 10000
    },
    "target": {
      "elementText": "Drop Zone",
      "timeout": 5000
    }
  }
}

{
  "dragAndDrop": {
    "source": "/Widget Item.*/",
    "target": "#canvas"
  }
}

{
  "dragAndDrop": {
    "source": {
      "selector": ".draggable",
      "elementText": "/Button [0-9]+/"
    },
    "target": {
      "elementText": "/Drop Zone.*/"
    }
  }
}