autoBind Boolean (default: true)

Controls whether to bind the TaskBoard to the data source on initialization.

Example

<button id="btn">Load</button>
<div id="taskBoard"></div>

<script>
    var taskboard = $("#taskBoard").kendoTaskBoard({
        autoBind: false,
        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" }
        ],
    }).data("kendoTaskBoard");

    $("#btn").kendoButton({
        click: function () {
        taskboard.load();
        }
    });
</script>
In this article
Not finding the help you need? Improve this article