New to Telerik UI for ASP.NET Core? Download free 30-day trial

SignalR Binding

As of the ASP.NET Core R2 2018 release, the suite provides SignalR support for its components.

The feature is tested with SignalR 1.0.0-rc1-final.

The SignalR binding feature relies on the client-side implementation of SignalR. It can be used with both the MVC and Core wrappers of the Grid since they wrap the Kendo UI for jQuery Grid. For a runnable example, refer to the demo on SignalR binding of the Grid HtmlHelper.

The following example:

$(document).ready(function() {
    var hubUrl = "http://domain/signalr-service/products";
    var hub = new signalR.HubConnectionBuilder()
        .withUrl(hubUrl, {
            transport: signalR.HttpTransportType.LongPolling

    var hubStart = hub.start();

function onPush(e) {
    var notification = $("#notification").data("kendoNotification");

        .Position(position => position

        .Columns(columns =>
            columns.Bound(p => p.ProductName);
            columns.Bound(p => p.UnitPrice);
            columns.Bound(p => p.CreatedAt);
            columns.Command(command =>
        .HtmlAttributes(new { style = "height: 550px;margin-bottom:20px;" })
        .ToolBar(toolbar =>
        .Editable(editable => editable.Mode(GridEditMode.InCell))
        .DataSource(dataSource => dataSource
            .Events(events => events.Push("onPush"))
            .Transport(tr => tr
                .Client(c => c
                .Server(s => s
            .Schema(schema => schema
                .Model(model =>
                    model.Field("ID", typeof(string)).Editable(false);
                    model.Field("ProductName", typeof(string));
                    model.Field("CreatedAt", typeof(DateTime));
                    model.Field("UnitPrice", typeof(int));

See Also

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