New to Kendo UI for jQuery? Start a free 30-day trial

Transport.signalr.server

configuration

Specifies the server-side CRUD methods of the SignalR hub.

transport.signalr.server

Object

pseudo

    <script>
    var connection = new signalR.HubConnectionBuilder()
        .withUrl("/dataHub")
        .build();
    
    var dataSource = new kendo.data.DataSource({
      transport: {
        signalr: {
          promise: connection.start(),
          hub: connection,
          client: {
            create: "itemCreated",
            destroy: "itemDeleted",
            read: "dataReceived",
            update: "itemUpdated"
          },
          server: {
            create: "CreateItem",
            destroy: "DeleteItem", 
            read: "GetData",
            update: "UpdateItem"
          }
        }
      }
    });
    </script>

transport.signalr.server.create

String

Specifies the name of the server-side method of the SignalR hub responsible for creating data items.

pseudo

    <script>
    var connection = new signalR.HubConnectionBuilder()
        .withUrl("/dataHub")
        .build();
    
    var dataSource = new kendo.data.DataSource({
      transport: {
        signalr: {
          promise: connection.start(),
          hub: connection,
          client: {
            create: "itemCreated"
          },
          server: {
            create: "CreateItem"
          }
        }
      }
    });
    
    // When a new item is added, it will call the CreateItem method on the server
    dataSource.add({ name: "New Item", value: 100 });
    </script>

transport.signalr.server.destroy

String

Specifies the name of the server-side method of the SignalR hub responsible for destroying data items.

pseudo

    <script>
    var connection = new signalR.HubConnectionBuilder()
        .withUrl("/dataHub")
        .build();
    
    var dataSource = new kendo.data.DataSource({
      transport: {
        signalr: {
          promise: connection.start(),
          hub: connection,
          client: {
            destroy: "itemDeleted"
          },
          server: {
            destroy: "DeleteItem"
          }
        }
      }
    });
    
    // When an item is removed, it will call the DeleteItem method on the server
    var item = dataSource.get(1);
    if (item) {
      dataSource.remove(item);
    }
    </script>

transport.signalr.server.read

String

Specifies the name of the server-side method of the SignalR hub responsible for reading data items.

pseudo

    <script>
    var connection = new signalR.HubConnectionBuilder()
        .withUrl("/dataHub")
        .build();
    
    var dataSource = new kendo.data.DataSource({
      transport: {
        signalr: {
          promise: connection.start(),
          hub: connection,
          client: {
            read: "dataReceived"
          },
          server: {
            read: "GetData"
          }
        }
      }
    });
    
    // When dataSource.read() is called, it will invoke the GetData method on the server
    dataSource.read();
    </script>

transport.signalr.server.update

String

Specifies the name of the server-side method of the SignalR hub responsible for updating data items.

pseudo

    <script>
    var connection = new signalR.HubConnectionBuilder()
        .withUrl("/dataHub")
        .build();
    
    var dataSource = new kendo.data.DataSource({
      transport: {
        signalr: {
          promise: connection.start(),
          hub: connection,
          client: {
            update: "itemUpdated"
          },
          server: {
            update: "UpdateItem"
          }
        }
      }
    });
    
    // When an item is modified and sync() is called, it will call UpdateItem on the server
    var item = dataSource.get(1);
    if (item) {
      item.set("name", "Updated Name");
      dataSource.sync();
    }
    </script>