mvc3编辑表单中的下拉菜单

这可能很简单，但我似乎无法自己解决。 我创建了一个简单的数据库和实体模式，如下所示

我正在尝试创建一个创建表单，该表单允许我添加新订单。我总共有 3 个表，所以我想要做的是拥有一个允许用户输入订单日期的表单，并且还有一个下拉列表，允许我从产品表中选择产品

我希望能够创建一个“添加”或“编辑”视图，允许我将 OrderDate 插入到 OrderTable 中，并将 OrderID 和选定的 ProductID 插入到 OrderProduct 中。

我需要在这里执行什么步骤。

我创建了一个 OrderController 并勾选了“添加操作”，然后添加了一个如下所示的创建视图

@model Test.OrderProduct

@{
    ViewBag.Title = "Create2";
}

    <h2>Create2</h2>

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

@using (Html.BeginForm()) {
    @Html.ValidationSummary(true)
    <fieldset>
        <legend>OrderProduct</legend>

        <div class="editor-label">
            @Html.LabelFor(model => model.OrderID)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.OrderID)
            @Html.ValidationMessageFor(model => model.OrderID)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.ProductID)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.ProductID)
            @Html.ValidationMessageFor(model => model.ProductID)
        </div>

        <p>
            <input type="submit" value="Create" />
        </p>
    </fieldset>
}

<div>
    @Html.ActionLink("Back to List", "Index")
</div>

这将创建包含 OrderID 和 ProductID 文本框但不包含日期的视图。

我的控制器创建帖子尚未更改

  [HttpPost]
    public ActionResult Create(FormCollection collection)
    {
        try
        {
            var data = collection;
            // TODO: Add insert logic here
          //  db.Orders.AddObject(collection);
            return RedirectToAction("Index");
        }
        catch
        {
            return View();
        }
    }

我的问题是，

1.如何将 ProductID 文本框替换为由 Product 填充的下拉列表 2.如何从FormCollection集合中获取数据？我只想了一个 foreach 但我不知道如何获得强类型名称

对新手的任何帮助都会非常有帮助。

谢谢你！

首先，不要绑定Order实体。永远不要绑定到 EF 对象，总是尝试使用视图模型。让视图的生活变得更简单，这就是这里的目标。

所以，有一个像这样的 ViewModel：

public class CreateOrderViewModel
{
   public int OrderId { get; set; }
   public DateTime OrderDate { get; set; }
   public int SelectedProductId { get; set; }
   public IEnumerable<SelectListItem> Products { get; set; }
}

现在就是这样。

将其返回到您的视图中[HttpGet]控制器动作：

[HttpGet]
public ActionResult Create()
{
   var model = new CreateOrderViewModel
   {
      Products = db.Products
                   .ToList() // this will fire a query, basically SELECT * FROM Products
                   .Select(x => new SelectListItem
                    {
                       Text = x.ProductName,
                       Value = x.ProductId
                    });
   };

   return View(model);
}

然后渲染出产品列表：（基本 HTML 除外）

@model WebApplication.Models.CreateOrderViewModel

@Html.DropDownListFor(model => model.SelectedProductId, Model.Products)

我唯一不知道该怎么做的是绑定到日期时间字段。我猜你需要一个扩展方法（HTML Helper）来呈现日期选择器或其他东西。对于此视图（创建新订单），只需默认为DateTime.Now.

现在，到[HttpPost]控制器动作：

[HttpPost]
public ActionResult Create(CreateOrderViewModel model)
{
   try
   {
      // TODO: this manual stitching should be replaced with AutoMapper
      var newOrder = new Order
      {
         OrderDate = DateTime.Now,
         OrderProduct = new OrderProduct
         {
            ProductId = SelectedProductId
         }
      };

      db.Orders.AddObject(newOrder);
      return RedirectToAction("Index");
   }
   catch
   {
      return View();
   }
}

现在，我还认为您的 EF 模型需要改进。

对我来说（用英语来说），一个产品可以有多个订单，一个订单可以有多个产品。

所以，它应该是多对多。目前它是具有冗余连接表的 1-1。你是从数据库生成的吗？如果是这样，您的数据库可能需要工作。

您应该有一个名为的导航属性Products on the Order实体，它引用了一个集合Product，通过静默连接到多对多的连接表来实现。

这也意味着您不再拥有 DropDownList，而是 MultiSelectDropDownList。