معرفی
این مقاله در مورد نحوه پیاده سازی هدر چند ستونی در Kendo Grid با استفاده از ASP.NET Web API می گوید. برای توضیح آن، من یک سرویس RESTful GET ایجاد کرده ام که برای بارگیری DataSource از Kendo Grid استفاده می شود.
پیش نیازها
دانش اولیه ASP.NET WebAPI، jQuery، Kendo UI.
این مقاله به شرح زیر جریان دارد.
- میز را بچین
- ایجاد یک برنامه ASP.NET Web API.
- ایجاد یک کنترلر
- تست REST API.
- ایجاد صفحه HTML و اجرای هدر چند ستونی در Kendo Grid
میز را بچین
برای این مقاله، من یک جدول به نام EmployeeList ایجاد کرده ام که طراحی آن در زیر نشان داده شده است.
شکل 1
جدول لیست کارکنان
جدول لیست کارکنان
شکل 2
ایجاد یک برنامه ASP.NET WEB API
همانطور که در زیر نشان داده شده است، با استفاده از یک الگوی وب نصب شده در ویژوال استودیو، یک برنامه Web API ایجاد کنید. در مورد من، نام برنامه را " KGridTemplate" گذاشتم.
شکل 3
شکل 4
ایجاد کلاس های مدل
حال، مدل های Entity Framework را از جداول پایگاه داده ایجاد می کنیم.
مرحله 1
روی پوشه Models کلیک راست کنید، Add -> ADO.NET Entity Data Model یا Add->New Item را انتخاب کنید. در پنجره Add New Item، داده ها را در قسمت سمت چپ و ADO.NET Entity Data Model را از پنجره مرکزی انتخاب کنید. فایل مدل جدید را نامگذاری کنید (در مورد من، آن را کارمند کردم) و روی Add کلیک کنید.
مرحله 2