Пользовательский интерфейс Kendo MVC DropDownList

Question

Я пытаюсь изучить интерфейс кендо.Я создал 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()
)

DepartmentEditor Template

@using System.Collections

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

)

Что я здесь не так делаю?

Также, как только это будет сделано, я добавлю кнопки Добавить, Обновить и Удалить.Так что, если есть четкий пример, который показывает, как это сделать, пожалуйста, напишите об этом.

Спасибо.