columnSettings.dataOrderField String

The field used to order columns (number based). Automatically adds sorting to the columns DataSource instance.

If not set, columns will be rendered in the order they are fetched. And ordering will not be applied to the DataSource and respectively, not synced with the remote data source.

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: "Doing", Status: "doing", Order: 1 },
      { Text: "Backlog", Status: "backlog", Order: 0},
      { Text: "Done", Status: "done", Order: 2 }
    ],
    columnSettings: {
      dataStatusField: "Status",
      dataTextField: "Text",
      dataOrderField: "Order"
    }
  });
</script>
In this article
Not finding the help you need? Improve this article