feat: add TreeList CRUD example

Telerik.Examples.RazorPages/Telerik.Examples.RazorPages/Models/EmployeeDirectoryModel.cs

@@ -0,0 +1,48 @@
+using System;
+using System.ComponentModel.DataAnnotations;
+
+namespace Telerik.Examples.RazorPages.Models
+{
+    public class EmployeeDirectoryModel
+    {
+        [ScaffoldColumn(false)]
+        public int EmployeeId { get; set; }
+
+        [Required]
+        [Display(Name = "First name")]
+        public string FirstName { get; set; }
+
+        [Display(Name = "Last name")]
+        public string LastName { get; set; }
+
+        [ScaffoldColumn(false)]
+        public int? ReportsTo { get; set; }
+
+        public string Position { get; set; }
+
+        [ScaffoldColumn(false)]
+        public bool hasChildren { get; set; }
+
+        private DateTime? hireDate;
+        [DataType(DataType.Date)]
+        [Display(Name = "Hire Date")]
+        public DateTime? HireDate
+        {
+            get
+            {
+                return hireDate;
+            }
+            set
+            {
+                if (value.HasValue)
+                {
+                    hireDate = value.Value;
+                }
+                else
+                {
+                    hireDate = null;
+                }
+            }
+        }
+    }
+}

Telerik.Examples.RazorPages/Telerik.Examples.RazorPages/Pages/TreeList/TreeListCrudOperations.cshtml

@@ -0,0 +1,64 @@
+@page
+@model Telerik.Examples.RazorPages.Pages.TreeList.TreeListCrudOperationsModel
+@{
+    ViewData["Title"] = "TreeListCrudOperations";
+}
+
+@using Telerik.Examples.RazorPages.Models
+
+@inject Microsoft.AspNetCore.Antiforgery.IAntiforgery Xsrf
+@Html.AntiForgeryToken()
+
+@(Html.Kendo().TreeList<EmployeeDirectoryModel>()
+    .Name("treelist")
+    .Toolbar(toolbar => toolbar.Create())
+    .Columns(columns =>
+    {
+        columns.Add().Field(e => e.FirstName).Title("First Name").Width(220);
+        columns.Add().Field(e => e.LastName).Title("Last Name").Width(200);
+        columns.Add().Field(e => e.Position);
+        columns.Add().Field(e => e.HireDate).Format("{0:MMMM d, yyyy}");
+        columns.Add().Width(350).Command(c =>
+        {
+            c.CreateChild().Text("Add child");
+            c.Edit();
+            c.Destroy();
+        })
+        .HtmlAttributes(new
+        {
+            style = "text-align: center;"
+        });
+    })
+    .Editable()
+    .DataSource(dataSource => dataSource
+        .Read(r => r.Url("/TreeList/TreeListCrudOperations?handler=Read").Data("forgeryToken"))
+        .Update(u => u.Url("/TreeList/TreeListCrudOperations?handler=Update").Data("forgeryToken"))
+        .Create(c => c.Url("/TreeList/TreeListCrudOperations?handler=Create").Data("forgeryToken"))
+        .Destroy(d => d.Url("/TreeList/TreeListCrudOperations?handler=Destroy").Data("forgeryToken"))
+        .Model(m =>
+        {
+            m.Id(f => f.EmployeeId);
+            m.ParentId(f => f.ReportsTo);
+            m.Expanded(true);
+            m.Field(f => f.FirstName);
+            m.Field(f => f.LastName);
+            m.Field(f => f.ReportsTo);
+            m.Field(f => f.HireDate);
+            m.Field(f => f.Position);
+        })
+    )
+    .Height(540)
+)
+
+<script>
+    function forgeryToken() {
+        return kendo.antiForgeryTokens();
+    }
+</script>
+
+<style>
+    .k-treelist .k-command-cell .k-button {
+        min-width: 0px;
+        padding: 10px 10px 10px 10px;
+    }
+</style>

Telerik.Examples.RazorPages/Telerik.Examples.RazorPages/Pages/TreeList/TreeListCrudOperations.cshtml.cs

@@ -0,0 +1,183 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Threading.Tasks;
+using Kendo.Mvc.Extensions;
+using Kendo.Mvc.UI;
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.AspNetCore.Mvc.RazorPages;
+using Telerik.Examples.RazorPages.Models;
+
+namespace Telerik.Examples.RazorPages.Pages.TreeList
+{
+    public class TreeListCrudOperationsModel : PageModel
+    {
+        private static IList<EmployeeDirectoryModel> employees;
+
+        public void OnGet()
+        {
+            GetDirectory();
+        }
+
+        public JsonResult OnPostRead([DataSourceRequest] DataSourceRequest request)
+        {
+            var result = employees.ToTreeDataSourceResult(request,
+                e => e.EmployeeId,
+                e => e.ReportsTo,
+                e => e
+            );
+
+            return new JsonResult(result);
+        }
+
+        public JsonResult OnPostCreate([DataSourceRequest] DataSourceRequest request, EmployeeDirectoryModel employee)
+        {
+            employee.EmployeeId = employees.Count + 2;
+            employees.Add(employee);
+
+            return new JsonResult(new[] { employee }.ToTreeDataSourceResult(request, ModelState));
+        }
+
+        public JsonResult OnPostUpdate([DataSourceRequest] DataSourceRequest request, EmployeeDirectoryModel employee)
+        {
+            var target = employees.FirstOrDefault(x => x.EmployeeId == employee.EmployeeId);
+
+            if(target != null)
+            {
+                target.FirstName = employee.FirstName;
+                target.LastName = employee.LastName;
+                target.HireDate = employee.HireDate;
+                target.Position = employee.Position;
+                target.ReportsTo = employee.ReportsTo;
+            }
+
+            return new JsonResult(new[] { employee }.ToTreeDataSourceResult(request, ModelState));
+        }
+
+        public JsonResult OnPostDestroy([DataSourceRequest] DataSourceRequest request, EmployeeDirectoryModel employee)
+        {
+            employees.Remove(employees.FirstOrDefault(x => x.EmployeeId == employee.EmployeeId));
+
+            return new JsonResult(new[] { employee }.ToTreeDataSourceResult(request, ModelState));
+        }
+
+        private IList<EmployeeDirectoryModel> GetDirectory()
+        {
+            if (employees == null)
+            {
+                employees = new List<EmployeeDirectoryModel>();
+                employees.Add(new EmployeeDirectoryModel
+                {
+                    EmployeeId = 1,
+                    FirstName = "Daryl",
+                    LastName = "Sweeney",
+                    ReportsTo = null,
+                    HireDate = DateTime.Now.AddDays(1),
+                    Position = "CEO",
+                });
+
+                employees.Add(new EmployeeDirectoryModel
+                {
+                    EmployeeId = 2,
+                    FirstName = "Guy",
+                    LastName = "Wooten",
+                    ReportsTo = 1,
+                    HireDate = DateTime.Now.AddDays(2),
+                    Position = "Chief Technical Officer"
+                });
+
+                employees.Add(new EmployeeDirectoryModel
+                {
+                    EmployeeId = 3,
+                    FirstName = "Buffy",
+                    LastName = "Weber",
+                    ReportsTo = 2,
+                    HireDate = DateTime.Now.AddDays(3),
+                    Position = "VP, Engineering"
+                });
+
+                employees.Add(new EmployeeDirectoryModel
+                {
+                    EmployeeId = 4,
+                    FirstName = "Hyacinth",
+                    LastName = "Hood",
+                    ReportsTo = 3,
+                    HireDate = DateTime.Now.AddDays(4),
+                    Position = "Team Lead"
+                });
+
+                employees.Add(new EmployeeDirectoryModel
+                {
+                    EmployeeId = 5,
+                    FirstName = "Akeem",
+                    LastName = "Carr",
+                    ReportsTo = 4,
+                    HireDate = DateTime.Now.AddDays(5),
+                    Position = "Junior Software Developer"
+                });
+
+                employees.Add(new EmployeeDirectoryModel
+                {
+                    EmployeeId = 6,
+                    FirstName = "Rinah",
+                    LastName = "Simon",
+                    ReportsTo = 4,
+                    HireDate = DateTime.Now.AddDays(6),
+                    Position = "Software Developer"
+                });
+
+                employees.Add(new EmployeeDirectoryModel
+                {
+                    EmployeeId = 7,
+                    FirstName = "Gage",
+                    LastName = "Daniels",
+                    ReportsTo = 3,
+                    HireDate = DateTime.Now.AddDays(7),
+                    Position = "Software Architect",
+                });
+
+                employees.Add(new EmployeeDirectoryModel
+                {
+                    EmployeeId = 8,
+                    FirstName = "Constance",
+                    LastName = "Vazquez",
+                    ReportsTo = 3,
+                    HireDate = DateTime.Now.AddDays(8),
+                    Position = "Director, Engineering",
+                });
+
+                employees.Add(new EmployeeDirectoryModel
+                {
+                    EmployeeId = 9,
+                    FirstName = "Darrel",
+                    LastName = "Solis",
+                    ReportsTo = 8,
+                    HireDate = DateTime.Now.AddDays(9),
+                    Position = "Team Lead",
+                });
+
+                employees.Add(new EmployeeDirectoryModel
+                {
+                    EmployeeId = 10,
+                    FirstName = "Brian",
+                    LastName = "Yang",
+                    ReportsTo = 9,
+                    HireDate = DateTime.Now.AddDays(10),
+                    Position = "Senior Software Developer",
+                });
+
+                employees.Add(new EmployeeDirectoryModel
+                {
+                    EmployeeId = 11,
+                    FirstName = "Lillian",
+                    LastName = "Bradshaw",
+                    ReportsTo = 9,
+                    HireDate = DateTime.Now.AddDays(11),
+                    Position = "Software Developer",
+                });
+            }
+
+            return employees;
+        }
+    }
+}