You need to be a premium member to use this feature. To access it, you'll have to upgrade your membership.
Become a sharper developer and jumpstart your career.
$0
$
. 00
monthly
For Basic members:
$10
For Premium members:
In this article you will learn how to remote bind Kendo grid using AngularJS and ASP.NET WEB API.
Introduction
The Kendo UI supports working with its widget using AngularJS.
This article flows as follows,
Creating a ASP.NET WEB API application
Create a WEB API application using an installed web template in visual studio as in the following figures:
In the Solution Explorer, right click the model folder, select Add, then Class and name it Employee.cs
Code in Employee.cs:
Creating a Controller
Right click on the Controller folder and add a new WEB API 2- Empty controller as in the following figure 3, in my case I named it EmployeeDetailsController.cs:
The above employee controller action EmployeeList will return a list of Employees.
Testing the REST API
Test the API using the POSTMAN/Fiddler as in the following figure 4:
API End Point: /api/EmployeeList/List
Type : GET
Implementing the Kendo Grid using AngularJS and the REST API
Creating a HTML page
Create a new HTML page in the project.
Design:
Azure in 24 Days