معرفی
در این مقاله نحوه کار با KendoTreeList View و ایجاد یک الگوی سفارشی با KendoTreeList در ASP.NET MVC5 با استفاده از Kendo UI و EF را نشان خواهم داد. پس از مطالعه این مقاله، ممکن است از ویژگی های غنی KendoTreeList بهره مند شوید. باشه! به جلو حرکت کنیم
پیش نیازها
- ویژوال استودیو
- SQL Server
- دانش اولیه ASP.NET MVC
- دانش اولیه Entity Framework
- دانش اولیه jQuery
- دانش اولیه CSS
جریان مقاله
- یک جدول در پایگاه داده با مقادیر ساختگی ایجاد کنید
- یک پروژه ASP.NET MVC Empty ایجاد کنید
- Entity Framework را با پایگاه داده و برنامه پیکربندی کنید
- یک کنترلر و نمایش ایجاد کنید
- ویژگی های Kendo UI را فعال کنید
- قالب سفارشی با TreeList
یک جدول در پایگاه داده با مقادیر ساختگی ایجاد کنید
ابتدا یک جدول در SQL Server ایجاد می کنیم تا فهرست درختی Kendo UI را با داده ها در ASP.NET MVC پر کنیم. من یک جدول "کارمند" با طرح زیر ایجاد کرده ام.
کوئری زیر را برای ایجاد جدول با طرح بالا اجرا کنید.
- 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/62626/Images/IMG-2.png)
کوئری زیر را اجرا کنید تا همان رکوردها را بدست آورید.