使用 ViewBag 的 Asp.net mvc 下拉列表

Question

我在 db 中的表有字段：Id,Organisation,Info。

我想制作这样的 dropdowm 列表：

<select>
  <option value='Id there'>'Organisation there'</option>...

我正在尝试使用 ViewBag：

ViewBag.Organisations = db.Organisations.ToList(); // get all fields from table using dbContext

在视图中：

@Html.DropDownList('I don`t know what i shoud write here, please help')

如何建立下拉列表？

Answer 1

您需要使用可用的constructors 之一在控制器操作中创建SelectList，并在视图中将其作为参数传递DropDownList 方法。

在控制器中这样做：

ViewBag.Organisations = new SelectList(db.Organisations.ToList(),"Id","Organisation");

在SelectList 中，我们需要在最后两个参数中指定的option 标记中指定哪个属性用作value 以及哪个属性用作text。

然后在 View 中你需要以这种方式使用它：

@Html.DropDownList("Organization",ViewBag.Organisations as SelectList)

这里第一个参数将用作select 元素的名称，第二个参数将用于填充select 中的option 元素

以下是可用于Html.DropDownList 的重载列表：

https://msdn.microsoft.com/en-us/library/system.web.webpages.html.htmlhelper.dropdownlist%28v=vs.111%29.aspx?f=255&MSPPError=-2147217396

Answer 2

我建议您使用 OrganisationId 属性为您的页面定义一个 ViewModel。因此，在选择组织的条目下拉列表时，将填写此值。

@model BCO.Models.SelectOrganisationViewModel

@{
    ViewBag.Title = "OrganisationInfo";
}

<div>
    @Html.DropDownListFor(o => o.OrganisationId,
        new SelectList(ViewBag.Organisations, "Id", "Name"))
</div>

SelectList 本身期望

• 用于填充 DropDownList 的列表
• 值（“Id”）
• 文本（“姓名”）

作为参数。

Answer 3

您可以按如下方式使用 viewbag 中的选择列表

@Html.DropDownListFor(m => m.Name, ViewBag.GetData as SelectList, new { @class = "form-control" })

这里 ViewBag.GetData 是从控制器中填充的， 控制器代码应该是这样的

ViewBag.GetData = new SelectList(repository.GetOrganisation(), "ID", "OraganizationName");

Answer 4

控制器

ViewBag.category = new SelectList(db.CategoryMasters.ToList(), "CategoryId", "CategoryName");

查看

 <div class="form-group">
                @Html.LabelFor(model => model.CategoryId, htmlAttributes: new { @class = "control-label col-md-2" })
                <div class="col-md-10">
                   <div hidden>@Html.EditorFor(model => model.CategoryId, new { htmlAttributes = new { @class = "form-control", id = "categoryid" } })</div>
                        @Html.DropDownList("select", ViewBag.category as SelectList, new { @id = "category" })
                        @Html.ValidationMessageFor(model => model.CategoryId, "", new { @class = "text-danger" })
                </div>
            </div>

JS

<script type="text/javascript">
    $(document).ready(function () {
        $("#category").change(function () {
            var value = $(this).val();
            alert(+value)
            $("#categoryid").val(value);
        });
    });
</script>

Answer 5

@model CURDInMVC.Models.StudentModel


@Html.DropDownListFor(model => model.States,
                  new SelectList(ViewBag.States, "StateID", "StateName"))