MVC Радиобутон, связывающий сложный объект

Question

У меня есть веб-приложение MVC3, где нам нужно заполнить список переключателей валидацией.Моя модель выглядит примерно так:

public class EmployeesViewModel
{
     public List<Employee> listEmployee { get; set; } //To persist during post
     public IEnumerable<SelectListItem> selectListEmployee { get; set; }

     [Required]
     public Employee selectedEmployee { get; set; }
}

public class Employee
{
  public int ID {get; set;}
  public string Name {get; set}
  public string Department {get; set}
 }

Мне нужно заполнить список радиокнопок примерно так:

• Employee1ID - Employee1Name - Employee1Department // id - имя - отдел
• Employee2ID - Employee2Name - Employee2Department
• Employee3ID - Employee3Name - Employee3Department

Выбранный сотрудник должен быть сохранен в поле selectedEmployee.Каков наилучший или чистый способ заполнения списка переключателей в MVC3?

Примечание. В основном необходимо выполнить две задачи: 1. сохранить объект «Сотрудник» в каждом теге переключателя «Вход», чтобы выбранный сотрудникбудет сохранено в поле «selectedEmployee» 2. Лучший способ пометить объект «Сотрудник» как обязательное поле

Спасибо за помощь!

Спасибо,

Answer 1

Вот что я бы порекомендовал вам. Начните с чистой модели представления, которая действительно выражает то, что представление содержит в виде информации:

public class EmployeesViewModel
{
    public List<EmployeeViewModel> ListEmployee { get; set; }

    [Required]
    public int? SelectedEmployeeId { get; set; }
}

public class EmployeeViewModel
{
    public int ID { get; set; }
    public string Label { get; set; }
}

затем контроллер:

public class HomeController : Controller
{
    public ActionResult Index()
    {
        var model = new EmployeesViewModel
        {
            ListEmployee = GetEmployees()
        };
        return View(model);
    }

    [HttpPost]
    public ActionResult Index(EmployeesViewModel model)
    {
        if (!ModelState.IsValid)
        {
            // the model is invalid, the user didn't select an employee
            // => refetch the employee list from the repository and
            // redisplay the view so that he can fix the errors
            model.ListEmployee = GetEmployees();
            return View(model);
        }

        // validation passed at this stage
        // TODO: model.SelectedEmployeeId will contain the id
        // of the selected employee => use your repository to fetch the
        // actual employee object and do something with it 
        // (like grant him the employee of the month prize :-))

        return Content("thanks for submitting", "text/plain");
    }

    // TODO: This doesn't belong here obviously
    // it's only for demonstration purposes. In the real 
    // application you have a repository, use DI, ...
    private List<EmployeeViewModel> GetEmployees()
    {
        return new[]
        {
            new EmployeeViewModel { ID = 1, Label = "John (HR)" },
            new EmployeeViewModel { ID = 2, Label = "Peter (IT)" },
            new EmployeeViewModel { ID = 3, Label = "Nathalie (Sales)" },
        }.ToList();
    }
}

и, наконец, вид:

@model EmployeesViewModel

@using (Html.BeginForm())
{
    @Html.ValidationMessageFor(x => x.SelectedEmployeeId)
    @foreach (var employee in Model.ListEmployee)
    {
        <div>
            @Html.RadioButtonFor(x => x.SelectedEmployeeId, employee.ID, new { id = "emp" + employee.ID })
            @Html.Label("emp" + employee.ID, employee.Label)
        </div>
    }
    <input type="submit" value="OK" />
}