如何创建 DropDownList？

Question

我有两个表：Area 和 Boss。

一个Area有一个Boss，它有一个外键关系Area.IDBoss，即Boss.ID。我希望我能正确解释我的问题。 ：P

截至目前，我可以在文本框中手动输入数字并正确保存，我还可以正确显示名称，因为我正在使用实体框架，例如视图中的“item.Boss.ID”并且它可以工作美好的。

不过，我确实需要显示一个 DropDownList。

我猜我必须使用 ViewData[] 字典从数据库返回可用“Boss”行的集合，但老实说我被困住了。 :D

有什么建议吗？这是一个非常简单的用例，所以希望我不会在上面花费太多时间。如果你们需要我的任何代码，请直接说，但我怀疑这对解决如此简单的问题有帮助。

一如既往，这个网站非常棒，感谢您的帮助。

编辑： 也许发布一些代码会有帮助。现在我收到此错误：

编辑2： 使用最新的代码进行编辑，但仍无法正常工作。

没有 ViewData 类型的项 'IEnumerable' 具有 关键“Jefes”。

这是代码：

<fieldset>
    <legend>Fields</legend>

    <div class="editor-label">
        <%: Html.LabelFor(model => model.IDJefe) %>
    </div>
    <div class="editor-field">
        <%: Html.DropDownList("Jefes", (SelectList)ViewData["Jefes"]) %>
        <%--<%: Html.TextBoxFor(model => model.IDJefe) %>--%>
        <%: Html.ValidationMessageFor(model => model.IDJefe) %>
    </div>

    <div class="editor-label">
        <%: Html.LabelFor(model => model.Nombre) %>
    </div>
    <div class="editor-field">
        <%: Html.TextBoxFor(model => model.Nombre) %>
        <%: Html.ValidationMessageFor(model => model.Nombre) %>
    </div>

    <p>
        <input type="submit" value="Create" />
    </p>
</fieldset>

JefeRepository jefeRepo = new JefeRepository();
var jefes = jefeRepo.FindAll().OrderBy(x => x.Nombre);
var jefeList = new List<SelectListItem>();
foreach (var jefe in jefes)
{
    jefeList.Add(new SelectListItem()
    {                    
        Text = jefe.Nombre,
        Value = jefe.ID.ToString()
    });
}
ViewData["Jefes"] = jefeList.AsEnumerable();

顺便说一下，我将一些变量名称从西班牙语翻译成英语，这样它们会更有意义，对于造成的混乱表示抱歉。

编辑3： 如果你们需要更多信息，请告诉我。我已经检查了每一行代码，但它不起作用。

Answer 1

您可以将 IEnumerable 放入 ViewData[] 中。

var bossDropDown = from boss Area.Boss
                   select new SelectListItem
                   {
                       Value = boss.ID,
                       Text = boss.Name
                   };
ViewData["BossDropDown"] = bossDropDown;

在您的视图中，您可以像这样直接调用您的下拉菜单

<%=Html.DropDownList("BossDropDown", (SelectList)ViewData["BossDropDown"]) %>

编辑：

使用您的代码，尝试将此行更改

ViewData["jefes"] = jefeList;

为此

ViewData["jefes"] = jefeList.AsEnumerable();

在您的视图中，将此行更改

<%: Html.DropDownList("IDJefe", (SelectList)ViewData["jefes"]) %>

为此

<%: Html.DropDownList("jefes", (SelectList)ViewData["jefes"]) %>

，因为您在下拉列表中调用的名称应该是您的键具有 IEnumerable 的 ViewData

Answer 2

这样做

JefeRepository jefeRepo = new JefeRepository();
var jefes = jefeRepo.FindAll().OrderBy(x => x.Nombre);
List<SelectListItem> jefeList = new List<SelectListItem>();
foreach (var jefe in jefes)
{
    jefeList.Add(new SelectListItem()
    {                    
        Text = jefe.Nombre,
        Value = jefe.ID.ToString()
    });
}
ViewData["Jefes"] = jefeList;

然后

<div class="editor-label">
    <%: Html.LabelFor(model => model.IDJefe) %>
</div>
<div class="editor-field">
    <%: Html.DropDownList("Jefes",ViewData["Jefes"] as List<SelectListItem>, "Select a boss ...") %>
    <%: Html.ValidationMessageFor(model => model.IDJefe) %>
</div>

你的错误：你不能将列表转换为选择列表，这不起作用。
但老实说，我会这样做：

JefeRepository jefeRepo = new JefeRepository();
var jefes = jefeRepo.FindAll().OrderBy(x => x.Nombre);
ViewData["Jefes"] = new SelectList(jefes,"ID", "Nombre");

然后

<div class="editor-label">
    <%: Html.LabelFor(model => model.IDJefe) %>
</div>
<div class="editor-field">
    <%: Html.DropDownList("Jefes",ViewData["Jefes"] as SelectList, "Select a boss ...") %>
    <%: Html.ValidationMessageFor(model => model.IDJefe) %>
</div>

让我知道哪一个最适合你；）