New to Kendo UI for jQuery? Start a free 30-day trial

Select

events

Fired when the user selects a card in the TaskBoard.

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.

<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>
Not finding the help you need?
Contact Support