editColumn

Fired when the user edits or creates a column.

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" }
    ],
    editColumn: function (ev) {
      alert(ev.column.get("text") + " deleted!");
    }
  });
</script>

Event Data

e.sender kendo.ui.TaskBoard

The widget instance which fired the event.

e.column kendo.data.Model

The data item of the column to be edited.

e.preventDefault Function

If invoked prevents the edit action.

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