model-view-controller - 剑道 UI MVC 下拉列表

Question

我正在尝试学习剑道 UI。我在数据库中创建了 2 个表（员工和部门）。每个员工属于一个部门，一个部门可以有多个员工。

我正在显示一个带有员工列表的网格。网格看起来像这样

现在我试图将部门显示为一个下拉列表，其中显示所有部门并选择员工所属的部门。我找不到一个明确的例子来做到这一点。这是我的代码

// 员工控制器

public ActionResult Kendo()
{
  var departments = db.Departments.ToList();
  ViewData["departments"] = departments;

  var employees = db.Employees.Include(e => e.Department);
  return View(employees.ToList());
}

风景

@(Html.Kendo().Grid((IEnumerable<MVCProj.Models.Employee>)Model) 
.Name("KendoGrid")
.Columns(columns =>
{
    columns.Bound(e => e.EmployeeId);
    columns.Bound(e => e.FirstName);
    columns.Bound(e => e.LastName);
    columns.Bound(e => e.Gender);
    columns.Bound(e => e.City);
    columns.Bound(e => e.Department.DepartmentName).EditorTemplateName("DepartmentEditor").Title("Department").Width(250);
})
.Pageable() //Enable the paging.
.Sortable() //Enable the sorting.
.Scrollable()
)

部门编辑器模板

@using System.Collections

@(Html.Kendo().DropDownList()
      .Name("Department")
      .DataValueField("DepartmentId")
      .DataTextField("DepartmentName")
      .BindTo((IEnumerable)ViewData["departments"])

)

我在这里做错了什么？

此外，一旦完成，我将添加添加、更新和删除按钮。因此，如果有一个明确的示例说明如何执行此操作，请也发布该示例。

谢谢。

标签： model-view-controllerkendo-ui