معرفی
در مقاله
قبلی خود ، نحوه کار با ویژگی های اساسی Kendo UI TreeList را مورد بحث قرار دادم. اکنون، این مقاله به شما نشان می دهد که چگونه Kendo TreeView را با شی پیچیده JSON بسازید، که پاسخ REST API است که با استفاده از ASP.NET Web API با استفاده از Entity Framework توسعه یافته است. Okay! اجازه دهید به جلو حرکت کنیم.
قبلی خود ، نحوه کار با ویژگی های اساسی Kendo UI TreeList را مورد بحث قرار دادم. اکنون، این مقاله به شما نشان می دهد که چگونه Kendo TreeView را با شی پیچیده JSON بسازید، که پاسخ REST API است که با استفاده از ASP.NET Web API با استفاده از Entity Framework توسعه یافته است. Okay! اجازه دهید به جلو حرکت کنیم.
پیش نیازها
- ویژوال استودیو
- SQL Server
- دانش اولیه ASP.NET MVC
- دانش اولیه ASP.NET Web API
- دانش اولیه Entity Framework
- دانش اولیه jQuery
- دانش اولیه CSS
جریان مقاله
- یک جدول در یک پایگاه داده با مقادیر ساختگی ایجاد کنید.
- یک پروژه ASP.NET Web API Empty ایجاد کنید
- Entity Framework را با ASP.NET Web API پیکربندی کنید
-
با استفاده از Entity Framework در ASP.Net Web API یک کنترلر با Load Logic داده ایجاد کنید
- پاسخ API را با استفاده از POSTMAN تست کنید
- یک پروژه ASP.NET MVC Empty ایجاد کنید
- یک کنترلر و نمایش ایجاد کنید
- ویژگی های Kendo UI را فعال کنید
- صحافی از راه دور Kendo در نمای
یک جدول در پایگاه داده با مقادیر ساختگی ایجاد کنید
ابتدا یک جدول در SQL Server ایجاد می کنیم تا فهرست درختی Kendo UI را با داده ها در ASP.NET MVC پر کنیم. من یک جدول "کارمند" با طرح زیر ایجاد کرده ام.
![](http://pezhvak24.ir/dl/10kcor/cscd/article/temp/62632/Images/IMG-1.png)
کوئری زیر را برای ایجاد جدول با طرح بالا اجرا کنید.
- CREATE TABLE [dbo].[Employee](
- [ID] [bigint] IDENTITY(1,1) NOT NULL,
- [Name] [nvarchar](150) NULL,
- [Designation] [nvarchar](150) NULL,
- [Location] [nvarchar](50) NULL,
- [TeamLeader] [bigint] NULL,
- CONSTRAINT [PK_Employee] PRIMARY KEY CLUSTERED
- (
- [ID] ASC
- )WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS = ON) ON [PRIMARY]
- ) ON [PRIMARY]
- GO
و چند سوابق کارمند را مانند زیر وارد کنید.
![](http://pezhvak24.ir/dl/10kcor/cscd/article/temp/62632/Images/IMG-2.png)