为视图中的项目创建 DropDownList

Question

我想创建一个具有模型数据之一绑定的 DropDownList，但我希望在视图中构建下拉项，并且我不希望这些项出现在模型数据中或来自我的控制器。您能否建议如何在视图中构建选择列表 基本上我想创建这样的东西：

<%= Html.DropDownListFor(model=>model.SomeProperty,<<create the dropdown list items here>> %>

请提出建议。

-桑帕特。

Answer 1

你不能那样使用它。顾名思义，它用于为对象中的每个属性返回一个 HTML 选择元素，该对象由使用指定列表项和 HTML 属性的指定表达式表示。

尽管您可以在视图中创建此列表对象，如下所示：-

@Html.DropDownListFor(model => model.DropDownElement, 
                       new SelectList(model.DropDownElement, "Id", "Name"))

更新

我将以带有 Id/Name 对的国家/地区模型为例。现在

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

，在控制器操作中，您可以将其作为选择列表传递：

public ActionResult YourAction()
{
    YourModel yourModel = new YourModel(); // Just for reference. I suppose you must be passing some model to your view
    ViewBag.DropDownList = new SelectList(db.Countries, "Id", "Name"); // This way you don't need to make any changes with your passing model.
    return View(yourModel);
}

最后在视图中，您可以按以下方式使用 DropDownListFor。

@Html.DropDownListFor(model => model.YourModelProperty, 
   (IEnumerable<SelectListItem>)ViewBag.DropDownList, "---Select a value---") 

在 Sidenote 中，如果您只想显示具有值的数字列表，您可以直接输入 HTML 并使用它，而不是使用 DropDownListFor。就像下面一样，

<select id="yourModelPropertyName" name="yourModelPropertyName">
   <option value="">---Select Value---</option>
   <option value="1">India</option>
   <option value="2">Australia</option>
   <option value="3">US</option>
   <option value="4">England</option>
   <option value="5">Finland</option>
</select>

只需确保“yourModelPropertyName”正确，并且它应该是您想要更新的属性的名称

更多更新

在您不想显示所选值的视图中，请使用以下内容代码

<select id="yourModelPropertyName" name="yourModelPropertyName">
   <option selected="selected" value="1">@model.YourDropDownList</option>
   <option value="2">India</option>
   <option value="3">Australia</option>
</select>

这应该可以解决问题:-)

Answer 2

@Pankaj 给了你一个粗略的方法。您还可以将 SelectListItem 对象 tobject 的 IEnumerable 从控制器传递到您的视图，并基于该对象创建您的选择元素。

这是一个很好的例子：

在 ASP.NET MVC 中使用 Html 选择元素（又名 DropDownList）的方法

想象一下您的控制器看起来像像这样的东西：

public ActionResult Index() {

    var products = productRepo.GetAll();

    registerProductCategorySelectListViewBag();
    return View(products);
}

private void registerProductCategorySelectListViewBag() {

    ViewBag.ProductCategorySelectList = 
        productCategoryRepo.GetAll().Select(
            c => new SelectListItem { 
                Text = c.CategoryName,
                Value = c.CategoryId.ToString()
            }
        );
}

在你看来，DropDownListFor html helper应该看起来像这样：

@Html.DropDownListFor(m => m.CategoryId, 
    (IEnumerable<SelectListItem>)ViewBag.ProductCategorySelectList
)