MVC4两个下拉视图

Question

我有一个问题，我似乎无法弄清楚如何从两个不同的模型中获取数据并在视图中填充两个不同的下拉菜单。 我对MVC还是很陌生，所以请客气，我只是在学习。

第一产品型号：

public partial class Materials_Product
{
    public Materials_Product()
    {
        this.Materials_PackerProduct = new HashSet<Materials_PackerProduct>();
    }
    public short MatProdID { get; set; }
    public string Product { get; set; }
    public string Size { get; set; }  
    public virtual ICollection<Materials_PackerProduct> Materials_PackerProduct { get; set; }
}

第二种模式：

public partial class Materials_Packer
{
    public Materials_Packer()
    {
        this.Materials_PackerProduct = new HashSet<Materials_PackerProduct>();
    }
    public short MatPackID { get; set; }
    public string PackerName { get; set; }
    public string Location { get; set; }
    public virtual ICollection<Materials_PackerProduct> Materials_PackerProduct { get; set; }
}

在我的控制器内分配方法：

public ActionResult Assign()
{
    ViewBag.CategoryList = new SelectList(db.Materials_Product.ToList(), "MatProdID", "Product");
    ViewBag.ProductList = new SelectList(
        (from s in db.Materials_Product.ToList() select new
        {
            MatProdID = s.MatProdID,
            Product = s.Product + " " + s.Size
        }),
        "MatProdID",
        "Product");
    ViewBag.UserList = new SelectList(db.Materials_Packer.ToList(), "MatPackID", "PackerName");
    return View();
}

的DbContext：

public partial class FreshouseSalesEntities : DbContext
{
    public FreshouseSalesEntities() : base("name=FreshouseSalesEntities")
    {
    }

    protected override void OnModelCreating(DbModelBuilder modelBuilder)
    {
        throw new UnintentionalCodeFirstException();
    }
    public DbSet<Materials_Packer> Materials_Packer { get; set; }
    public DbSet<Materials_Product> Materials_Product { get; set; }
    public DbSet<Materials_PackerProduct> Materials_PackerProduct { get; set; }
    public DbSet<Materials_Vendor> Materials_Vendor { get; set; }
    public DbSet<Materials_Log> Materials_Log { get; set; }
    public DbSet<BigViewModel> BigViewModel { get; set; }
}

我的观点：

@model BagInventory.Models.Materials_Product
//I wish to  do something like @model BagInventory.Models.Materials_Packer but cannot since I believe I can only inherit one class
@{
    ViewBag.Title = "Assign";
}
<h2>Assign</h2>
@Html.DropDownListFor(model => model.MatProdID, ViewBag.ProductList as IEnumerable<SelectListItem>)
<br />
<select id ="sltProduct">
    @foreach (var item in ViewBag.ProductList) { 
        <option>@item.MatProdID</option>
    }
</select>

我无法加载两个模型。

我读到您可以制作另一个包含两个模型的属性的模型……它看起来如下（并且不起作用）：

public class BigViewModel
{
    public Materials_Packer Materials_Packer { get; set; }
    public Materials_Product Materials_Product { get; set; }
}

任何指导或方向将不胜感激。

编辑：

这是我使用'BigViewModel'尝试过的方法-又称两个数据模型在一个类中：

public ActionResult Assign()
{
    ViewBag.ProductList = new SelectList(db.BigViewModel.ToList(), "MatProdID", "Product");
    ViewBag.UserList = new SelectList(db.BigViewModel.ToList(), "MatPackID", "PackerName");
    return View();
}

更新的视图：

@model BagInventory.Models.BigViewModel

@{
    ViewBag.Title = "Assign";
}

<h2>Assign</h2>
@Html.DropDownListFor(model => model.Materials_Product.MatProdID, ViewBag.ProductList as IEnumerable<SelectListItem>)
<br />
@Html.DropDownListFor(model => model.Materials_Packer.MatPackID, ViewBag.ProductList as IEnumerable<SelectListItem>)

Answer 1

查看包有其用途，但您确实想避免使用它。 将您的模型更改为

public class BigViewModel
{
    public Materials_Packer mPacker { get; set; }
    public Materials_Product mProduct { get; set; }
    SelectList ProductList { get; set; }
    SelectList UserList { get; set; }
}

我建议不要将类名用作实例名。 过去我遇到过编译器对此感到困惑的问题。 然后在您的控制器上可以设置列表

public ActionResult Assign() {
    BigViewModel vm = new BigViewModel();
    vm.ProductList = new SelectList(db.BigViewModel.ToList(), "MatProdID", "Product");
    vm.UserList = new SelectList(db.BigViewModel.ToList(), "MatPackID", "PackerName");
    return View(vm);
}

您的下拉菜单现在将更改为

@Html.DropDownListFor(model => model.Materials_Product.MatProdID, Model.ProductList)

Answer 2

您似乎遇到的问题是“ View Model ”的概念。 Model View Controller旨在表示超文本传输​​协议的无状态性质。 因此，本质上， Model应该代表页面的数据。

理论上，您可以使用Html.RenderAction ，这将直接写入基础响应流。 因此，您的局部视图实际上将通过Razor调用以下命令：

@{ Html.RenderAction("Model", "View"); }

但是，我不确定这是否是您的体系结构的理想方法。 如果您想了解有关上述方法的更多信息，请在此处找到很好的解释。

否则，其他方法将类似于以下内容：

public class Packer
{
     public int Id { get; set; }
     public string Company { get; set; }
}

public class Product
{
     public int Id { get; set; }
     public string Name { get; set; }
}

在这一阶段，我们有两个不同的独立模型。 它使包装器或产品产生特定信息。 因此，我们要做的是做一个更大的模型，体现这些较小的不同模型。

public string Shipping
{
     private List<Packer> packer;
     private List<Product> product;
     public Shipping(List<Packer> packer, List<Product> product)
     {
          this.packer = packer;
          this.product = product;
     }

     public List<Packer> Package
     {
          get { return this.packer; }
          set { this.packer = value; }
     }

     public List<Product> Products
     {
          get { return this.product; }
          set { this.product = value; }
     }
}

上面的代码将创建一个Shipping模型，其中包含您的两个截然不同的模型。 因此，当Controller调用服务层或域层时，它将构建以下运输对象。

从那个阶段开始，您的Controller会简单地将Shipping传递给它，它将显示给您的View State 。 尽管不建议在Controller中执行此操作，但是最简单的方法可以看到上述方法：

[HttpGet]
public ActionResult Example()
{
     var products = new List<Product>();
     var packers = new List<Packer>();
     using(var connection = new SqlConnection(...))
          using(var command = new SqlCommand(query, connection))
          {
               // Query would grab all your data.
               using(var reader = command.ExecuteReader())
                    while(reader.Read())
                    {
                         var packer = new Packer();
                         var product = new Product();

                         // Build Your Model

                         packers.Add(packer);
                         products.Add(product);
                    }
          }

     var shipping = new Shipping(packers, products);
     return View(shipping, "Index");
}

这将是实现上述目标的前提。 希望可以帮到您。 我还建议您不要使用ViewBag ，因为它的动态性会使将来的维护变得困难。