Integrating the Grid with SignalR

This Kendo UI for Angular sample project demonstrates how to use an editable Grid with SignalR and is based on the following GitHub repository and Egghead lesson:

• https://github.com/FabianGosebrink/egghead-consuming-signalr-values-in-an-angular-application
• Consume ASP.NET Core SignalR values in an Angular Application

The demo is referred to in the Kendo UI for Angular official documentation in the article on consuming SignalR events.

Getting Started

1. Clone this repository by using your favorite Git client or by executing git clone https://github.com/telerik/kendo-angular.git.
2. Enter the examples directory by running cd examples.
3. Run npm install to install the project dependencies.
4. Enter the project directory by running cd projects/grid-signalr.
5. In a separate terminal window, setup and run the Server as outlined in the following section.
6. Run ng serve grid-signalr.
7. Open http://localhost:4200 in two browser tabs.

The updates are synchronized in real-time by using the SignalR server.

Setting Up the Server

The server folder contains a SignalR server which is implemented with .NET Core.

To start the server:

1. Install .NET Core Runtime.
2. Execute dotnet run in the server folder.