如何为待办事项列表应用程序设计 ViewModel？

Question

我正在创建一个简单的待办事项应用程序，它有两个实体，任务和类别。

要创建任务，必须选择类别。为此，我想我需要一个 ViewModel。

这是任务实体

public class Task
{
    public int taskId { get; set; }
    public int categoryId { get; set; }
    public string taskName { get; set; }
    public bool isCompleted { get; set; }
    public DateTime creationDate { get; set; }
    public DateTime completionDate { get; set; }
    public string remarks { get; set; }
    public string completionRemarks { get; set; }
}

这是类别实体

public class Category
{
    public int categoryId { get; set; }
    public string categoryName { get; set; }
}

如何设计一个 TaskCategoryViewModel 以便我可以在 CreateTask 视图中绑定 category ？

编辑：我使用经典的 ADO.NET，而不是实体框架或 LINQ to SQL。

Answer 1

Kishor，

最好的选择是拥有一个模型，该模型可以定义您的任务和类别（全部合一），

这就是所有内容如何结合在一起的。

其中

IEnumerable<SelectListItem> Categories

用于创建下拉列表，准备使用

<%= Html.DropDownListFor(model=>model.NewTask.categoryId, Model.Categories) %>

这将为您创建漂亮的下拉列表

    private IEnumerable<Category> GetCategories
    {
        get
        {
            List<Category> categories = new List<Category>
                                            {
                                                new Category() {categoryId = 1, categoryName = "test1"},
                                                new Category() {categoryId = 2, categoryName = "category2"}
                                            };
            return categories;
        }
    }

    [AcceptVerbs(HttpVerbs.Get)]
    public ActionResult CreateTask()
    {
        TaskModel taskModel = new TaskModel();
        LoadCategoriesForModel(taskModel);
        return View(taskModel);
    }

    private void LoadCategoriesForModel(TaskModel taskModel)
    {
        taskModel.Categories =
            GetCategories.Select(
                x =>
                new SelectListItem()
                    {Text = x.categoryName, Value = x.categoryId.ToString(CultureInfo.InvariantCulture)});
    }

    public ActionResult CreateTask(TaskModel taskModel)
    {
        if (ModelState.IsValid)
        {
            // do your logic for saving
            return RedirectToAction("Index");
        }
        else
        {
            LoadCategoriesForModel(taskModel);
            return View(taskModel);
        }
    }

    /// <summary>
    /// your model for creation
    /// </summary>
    public class TaskModel
    {
        public Task NewTask { get; set; }
        public IEnumerable<SelectListItem> Categories { get; set; }
    }

    /// <summary>
    /// Task
    /// </summary>
    public class Task
    {
        public int taskId { get; set; }
        public int categoryId { get; set; }
        public string taskName { get; set; }
        public bool isCompleted { get; set; }
        public DateTime creationDate { get; set; }
        public DateTime completionDate { get; set; }
        public string remarks { get; set; }
        public string completionRemarks { get; set; }
    }

    /// <summary>
    /// Category
    /// </summary>
    public class Category
    {
        public int categoryId { get; set; }
        public string categoryName { get; set; }
    }

Answer 2

在 TaskViewModel （我更喜欢将其命名为 CreateTaskViewModel）中，为类别选择列表创建属性

public IEnumerable<SelectListItem> CategoriesSelectList;

在控制器中，在返回视图之前绑定该属性（请注意，当 ModelState 无效时，这也应该在后处理程序中完成）

public ViewResult Create()
{
     CreateTaskViewModel  model = new CreateTaskViewModel();
     model.CategoriesSelectList = _repository.AllCategories().Select(x=> new SelectListItem(){ Text = x.CategoryName, Value = x.CategoryId.ToString();}
}

最后，在视图中

Html.DropDownListFor(model => model.CategoryId, Model.CategoriesSelectList)

< strong>编辑：

在您的代码中，_repository.AllCategories() 应替换为您的数据访问代码，该代码返回具有类型的对象IEnumerable<类别>。实际上，您使用哪种数据访问技术并不重要。并且不要忘记将 using System.Linq; 语句添加到控制器文件中（如果缺少）。