将ListBox与MVC3中的模型绑定

时间:2012-08-13 13:21:46

标签: asp.net-mvc-3 c#-4.0 asp.net-mvc-4 asp.net-mvc-areas ef-database-first

我的模特是

public class SiteConfig
{
    public SiteConfig()
    {

    }

    public int IdSiteConfig { get; set; }
    public string Name { get; set; }
    public byte[] SiteLogo { get; set; }
    public string Brands { get; set; }
    public string LinkColour { get; set; }

    public IEnumerable<SiteBrand> SiteBrands { get; set; }
}

public class SiteBrand
{
    public int Id { get; set; }
    public int SiteId { get; set; }
    public int BrandId { get; set; }

    public Brand Brand { get; set; }
    public SiteConfig SiteConfig { get; set; }
}

public class Brand
{
    public int BrandId { get; set; }
    public string Name { get; set; }

    public IEnumerable<SiteBrand> SiteBrands { get; set; }
}

我正在关注数据库第一种方法。每个SiteConfig记录可以包含一个或多个Brand。所以Brand正在保存到另一个名为SiteBrand的表。

SiteBrand包含对SiteConfig(在IdSiteConfig上)和Brand(BrandId)的forign键引用。

当我创建SiteConfig时,我想显示所有可用的品牌列表框,用户可以在其中选择一个或多个记录(可能不会选择任何品牌)。

但是,当我将我的视图与模型绑定时,如何将我的列表框绑定到品牌列表,当发布视图时,我如何才能获得所选品牌。

我必须使用所选项目将SiteConfig对象保存到数据库。这是我的数据库图表。

这是我保存到db的DAL。

public SiteConfig Add(SiteConfig item)
    {
        var siteConfig = new Entities.SiteConfig
            {
                Name = item.Name,
                LinkColour = item.LinkColour,
                SiteBrands = (from config in item.SiteBrands
                              select new SiteBrand {BrandId = config.BrandId, SiteId = config.SiteId}).
                    ToList()
            };
        _dbContext.SiteConfigs.Add(siteConfig);
        _dbContext.SaveChanges();
        return item;
    }

DB Schema

有人可以建议如何绑定列表框并获取所选项目。

感谢。

2 个答案:

答案 0 :(得分:12)

将新属性添加到类型为字符串数组的SiteConfig ViewModel中。当用户发布此表单时,我们将使用此选项从Listbox获取Selected项。

public class SiteConfig
{
  //Other properties here
  public string[] SelectedBrands { get; set; }  // new proeprty
  public IEnumerable<SiteBrand> SiteBrands { get; set; }
}

在您的GET操作方法中,获取SiteBrands的列表并分配给SiteConfig ViewModel对象的SiteBrands属性

public ActionResult CreateSiteConfig()
{
    var vm = new SiteConfig();
    vm.SiteBrands = GetSiteBrands();
    return View(vm);
}

出于演示目的,我只是对该方法进行了硬编码。实现此功能后,您可以从数据访问层获取数据。

public IList<SiteBrand> GetSiteBrands()
{
    List<SiteBrand> brands = new List<SiteBrand>();
    brands.Add(new SiteBrand { Brand = new Brand { BrandId = 3, Name = "Nike" } });
    brands.Add(new SiteBrand { Brand = new Brand { BrandId = 4, Name = "Reebok" } });
    brands.Add(new SiteBrand { Brand = new Brand { BrandId = 5, Name = "Addidas" } });
    brands.Add(new SiteBrand { Brand = new Brand { BrandId = 6, Name = "LG" } });
    return brands;
}

现在在您的视图中,该视图强烈输入SiteConfig ViewModel,

@model SiteConfig
<h2>Create Site Config</h2>
@using (Html.BeginForm())
{
  @Html.ListBoxFor(s => s.SelectedBrands, 
                new SelectList(Model.SiteBrands, "Brand.BrandId", "Brand.Name"))
  <input type="submit" value="Create" />
}

现在,当用户发布此表单时,您将获得ViewModel的SelectedBrands属性中的Selected Items值

[HttpPost]
public ActionResult CreateSiteConfig(SiteConfig model)
{
    if (ModelState.IsValid)
    {
        string[] items = model.SelectedBrands;
        //check items now
        //do your further things and follow PRG pattern as needed
    }
    model.SiteBrands = GetBrands();
    return View(model);
}

enter image description here

答案 1 :(得分:0)

您可以拥有一个同时包含网站和品牌模型的“ViewModel”。然后,您可以将视图绑定到该模型。这将允许您将视图的任何部分绑定到任何基础模型的任何部分。

public class siteViewModel{
    public SiteConfig x;
    public Brand b; //Fill this with all the available brands
}

当然,您可以包含您的视图可能需要的任何其他信息(也减少了对ViewBag的需求)。