enableByColumn

Toggles the disabled state of all cards in the specified column.

Example

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

<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");

  taskBoard.enableByColumn(taskBoard.columns().eq(0), false);
</script>

Parameters

columnElm jQuery

The jQuery object with the column element.

state Boolean

If false the card will appear disabled.

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