<script>
  var taskBoard = $("#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: "Doing", status: "doing" },
        { text: "Backlog", status: "backlog" },
        { text: "Done", status: "done" },
      ],
    })
    .data("kendoTaskBoard");

  $("#btn").on("click", function () {
    var cardElm = taskBoard.items().eq(1);
    var dataItem = taskBoard.dataItem(cardElm);
    alert(dataItem.get("title"));
  });
</script>