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

Transport.signalr.client

configuration

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

transport.signalr.client

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: "itemDestroyed", 
          read: "itemRead",
          update: "itemUpdated"
        },
        server: {
          create: "createItem",
          destroy: "destroyItem",
          read: "readItems",
          update: "updateItem"
        }
      }
    }
  });
  </script>

transport.signalr.client.create

String

Specifies the name of the client-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"
          }
        }
      }
    });
    
    // Listen for created items from server
    connection.on("itemCreated", function(item) {
      console.log("Item created:", item);
    });
    </script>

transport.signalr.client.destroy

String

Specifies the name of the client-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"
          }
        }
      }
    });
    
    // Listen for deleted items from server
    connection.on("itemDeleted", function(item) {
      console.log("Item deleted:", item);
    });
    </script>

transport.signalr.client.read

String

Specifies the name of the client-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: "dataRead"
          },
          server: {
            read: "getData"
          }
        }
      }
    });
    
    // Listen for data from server
    connection.on("dataRead", function(data) {
      console.log("Data received:", data);
    });
    </script>

transport.signalr.client.update

String

Specifies the name of the client-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"
          }
        }
      }
    });
    
    // Listen for updated items from server
    connection.on("itemUpdated", function(item) {
      console.log("Item updated:", item);
    });
    </script>