Introduction
Contribution
Knowledge Base
Chat

autoBindBoolean(default: true)

Controls whether the Chat will automatically fetch data from the data source when initialized. When set to false, you must manually call the data source's fetch() method.

Example 

<div id="chat"></div>
<script>
let messagesData = [
    { 
        id: 1, 
        text: "Hello! How are you today?", 
        authorId: "user1", 
        authorName: "John Doe",
        authorImageUrl: "https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg",
        timestamp: new Date(2026, 0, 1, 9, 0) 
    },
    { 
        id: 2, 
        text: "I'm doing great, thanks for asking!", 
        authorId: "user2", 
        authorName: "Jane Smith",
        authorImageUrl: "https://demos.telerik.com/kendo-ui/content/web/Customers/LONEP.jpg",
        timestamp: new Date(2026, 0, 1, 9, 5) 
    }
];

let chat = $("#chat").kendoChat({
    autoBind: false,
    authorId: "user1",
    dataSource: messagesData
}).data("kendoChat");

// Manually fetch data later
setTimeout(function() {
    chat.dataSource.fetch();
}, 2000);
</script>
In this article
autoBind
Not finding the help you need?
Contact Support