All Components
Theme

Themes

    Grid / Binding to SignalR

    Information

    This example demonstrates real-time push-notifications from SignalR. To see the real-time updates:

    1. Open this page in another browser window by clicking here
    2. Create, update or destroy grid items.

    Note: To further enhance real-time experience, the Grid will also display changes from other users, which currently happen to perform CRUD operations on the same demo. If you refresh the page, all changes will be lost, because the remote service only broadcasts changes, it does not actually save them.

    Description

    There are situations when you would like to perform real-time updates for all users which start a session with your web app.

    This is when you can utilize SignalR and the Kendo UI DataSource. The latter supports signalr dialect by setting its type attribute and transport->signalr configuration.  In this way you instruct the data source to use SignalR protocol for transmitting and operating with data in real time on every page refresh, also known under the term long polling.

    This is especially useful for web applications which require high-frequency updates, for instance chat apps, real-time gaming, etc. More on the SignalR support of the Kendo UI DataSource can be found in this section of the docs.

    HTML5/JavaScript source

    Also available for:

    API Reference
    • signalr.html
    • Sample service
    • Widget configuration

    Support & learning resources

    Grid for other technologies