moveStart

Fired when the user started moving a card.

Example

<div id="taskBoard"></div>

<script>
  $("#taskBoard").kendoTaskBoard({
    dataOrderField: "order",
    dataSource: [
      { id: 1, order: 1, title: "Task 1", description: "Description 1", status: "backlog", category: "red" },
      { id: 2, order: 2, title: "Task 11", description: "Description 11", status: "backlog", category: "red" },
      { id: 3, order: 3, title: "Task 2", description: "Description 2", status: "doing", category: "green" },
      { id: 4, order: 4, title: "Task 22", description: "Description 22", status: "doing", category: "green" },
      { id: 5, order: 5, title: "Task 3", description: "Description 3", status: "done", category: "blue" }
    ],
    columns: [
      { text: "Backlog", status: "backlog" },
      { text: "Doing", status: "doing" },
      { text: "Done", status: "done" }
    ],
    moveStart: function (ev) {
      console.log(ev.card.get("title") + " moving from " + ev.column.get("text"));
    }
  });
</script>

Event Data

e.sender kendo.ui.TaskBoard

The widget instance which fired the event.

e.card kendo.data.Model

The card data item being moved.

e.cardElement jQuery

The card element being moved wrapped in a jQuery object.

e.column kendo.data.Model

The column data item from where the card is moved.

e.columnElement jQuery

The column element (wrapped in a jQuery object) from where the card is moved.

e.draggableEvent Object

The original draggable's dragstart event data.

e.item jQuery

The element that will be dragged.

e.preventDefault Function

If invoked prevents the drag start action. The element will remain at its original position. The hint and placeholder will not be initialized.

In this article
Not finding the help you need? Improve this article