We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

How to set up SignalR with Syncfusion EJ1 Kanban control?

Description

 

The SignalR permits bi-directional communication between the server and client. Its availability helps the server to push the content to connected clients instantly. Now, let us see how to setup this SignalR in our Kanban control.

 

Steps to setup SignalR in our Kanban control

 

  • Create an ASP.Net MVC application in your Visual studio.
  • Open the Tools -> Library Package Manager -> Package Manager Console and run the following command. This step will add a set of script files and assembly references projects that enables SignalR functionality.

 

 

  • In Solution Explorer, expand the Scripts folder. Now, note that script libraries for SignalR have been added to the project.

 

 

  • Create a model class in models called KanbanDTO.cs.
  • Right click the solution and select Add -> New Item, then select the Visual C# -> Web -> SignalR node in the Installed pane. Select SignalR Hub Class (v2) from the center pane, and create a new hub named SignalHub.cs.
  • Replace the code in the SignalHub class with the following code.

 

  • Create a new class called Startup.cs. Change the contents of the file to the following.

 

  • Then create your Controller and your view, and also add the themes and scripts references for both Syncfusion and SignalR in the Layout.cshtml.

 

 

 

  • Replace the contents of Index.cshtml with the following code.

 

  •  Now save all and run the project.

 

The demo sample is also prepared and it is available in the following link:

     SignalRwithKanban

 

Article ID: Published Date: Last Revised Date: Platform: Control:
8217 12/05/2017 12/05/2017 JavaScript ejKanban
Tags:
Did you find this information helpful?
Add Comment
You must log in to leave a comment

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.