这可能很简单，但我似乎无法自行解决。 我创建了一个简单的数据库和实体模态，看起来像这样

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

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

我需要在此处执行哪些步骤。

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

@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 文本框但没有日期的 View 。

我的 Controller CreatePost 没有被改变

  [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 但是我不知道如何获得强类型名称

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

谢谢!

最佳答案

首先，不要绑定(bind)到 Order 实体。切勿绑定(bind)到 EF 对象，始终尝试使用 ViewModel。让 View 的生活更简单，这就是这里的目标。

所以，有一个像这样的 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] Controller 操作中将其返回到您的 View :

[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)

我唯一不知道如何做的是绑定(bind)到 DateTime 字段。我猜你需要一个扩展方法(HTML Helper)来呈现日期选择器或其他东西。对于此 View (创建新订单)，只需默认为 DateTime.Now。

现在，进入[HttpPost] Controller 操作:

[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 的冗余连接表。你是从数据库生成的吗？如果是这样，您的数据库可能需要改进。

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

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

关于c# - mvc3 编辑表单中的下拉菜单，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4823904/