readOnlyByColumn

Toggles the readonly 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.readOnlyByColumn(taskBoard.columns().eq(0));
</script>

Parameters

columnElm jQuery

The jQuery object with the column element.

state Boolean

If true the card will appear readonly.

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