معرفی
این مقاله نحوه اجرای فیلترینگ چند چک را در Kendo Grid با استفاده از ASP.NET Web API توضیح می دهد. برای توضیح آن، من یک سرویس RESTful GET ایجاد کرده ام که برای بارگیری منبع داده Kendo Grid استفاده می شود.
پیش نیازها
دانش اولیه ASP.NET WebAPI، jQuery و Kendo UI Grid.
این مقاله به شرح زیر جریان دارد.
- ایجاد یک برنامه ASP.NET Web API.
- ایجاد یک کنترلر
- تست REST API.
- ایجاد یک صفحه HTML و اجرای فیلترینگ چند چک در Kendo Grid.
ایجاد یک برنامه ASP.NET Web API
همانطور که در زیر نشان داده شده است، با استفاده از یک الگوی وب نصب شده در ویژوال استودیو، یک برنامه Web API ایجاد کنید. در مورد من، من نام برنامه را " MultiCheckFilteringGrid " گذاشتم.
شکل 1
شکل 2
ایجاد یک مدل
ایجاد یک مدل
در Solution Explorer، روی پوشه Models کلیک راست کرده، Add را انتخاب کنید و سپس Class را انتخاب کنید و نام آن را Employee.cs بگذارید.
Employee.cs
- public class Employee
- {
- public Employee(int Id, string Name, string Designation, string Company)
- {
- this.EmployeeID = Id;
- this.EmployeeName = Name;
- this.Designation = Designation;
- this.Company = Company;
- }
- public int EmployeeID { get; set; }
- public string EmployeeName { get; set; }
- public string Designation { get; set; }
- public string Company { get; set; }
- }
ایجاد یک کنترلر
روی پوشه Controllers کلیک راست کرده و یک Web API 2- Empty Controller اضافه کنید، همانطور که در شکل 3 نشان داده شده است. در مورد من، من آن را به عنوان Employee Controller نامگذاری کردم .
شکل 3
EmployeeController.cs
- [RoutePrefix("api/Employee")]
- public class EmployeeController : ApiController
- {
- [HttpGet]
- [AllowAnonymous]
- [Route("EmployeeList")]
- public HttpResponseMessage GetEmployee()
- {
- try
- {
- List<Employee> EmpLists = new List<Employee>();
- EmpLists.Add(new Employee(1, "Govind Raj", "Business Analyst", "Company A"));
- EmpLists.Add(new Employee(2, "Krishn Mahato", "Development", "Company B"));
- EmpLists.Add(new Employee(3, "Bob Ross", "Testing", "Company A"));
- EmpLists.Add(new Employee(4, "Steve Davis", "Development", "Company A"));
- EmpLists.Add(new Employee(5, "Dave Tucker", "Infrastructure", "Company B"));
- EmpLists.Add(new Employee(6, "James Anderson", "HR", "Company A"));
- return Request.CreateResponse(HttpStatusCode.OK, EmpLists, Configuration.Formatters.JsonFormatter);
- }
- catch (Exception ex)
- {
- return Request.CreateResponse(HttpStatusCode.OK, ex.Message, Configuration.Formatters.JsonFormatter);
- }
- }
- }
Employee Controller Action GetEmployee() لیستی از کارمندان را برمی گرداند.