select

Fired when the user selects a card in the TaskBoard.

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" }
    ],
    select: function (ev) {
        var taskBoard = ev.sender;
        var cardElm = ev.card;
        var dataItem = taskBoard.dataItem(cardElm);

        alert(dataItem.get("title") + " selected!");
    }
  });
</script>

Event Data

e.sender kendo.ui.TaskBoard

The widget instance which fired the event.

e.card jQuery

The selected card element wrapped in jQuery object.

e.preventDefault Function

If invoked prevents the selection.

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