【问题标题】:DropDownListFor selected value does not work with property in list [duplicate]DropDownListFor 所选值不适用于列表中的属性[重复]
【发布时间】:2014-01-07 08:05:23
【问题描述】:

在 ASP MVC 4 中使用 DropDownListFor 设置 DropDownList 的默认选定值时遇到问题。

当我要预选的属性在列表中时,它不会像预期的那样默认选择。

这是我的代码简化为重要的东西:

型号:

public class Renter
{
    ...
    public virtual List<RentLine> RentLines { get; set; }
    ...

    public Renter()
    {
        ...
        RentLines = new List<RentLine>();
        ...
    }
}

public class RentLine
{
    ...
    public Guid RenterId { get; set; }
    public virtual Renter Renter { get; set; }  
    public Guid GarageId { get; set; }
    public virtual Garage Garage { get; set; }
    ...

    public RentLine()
    {
        //
        // Testcase for default value in dropdownlist
        //
        GarageId = new Guid("e926dcac-05ac-4fc1-92a2-014345e6e11c");
    }
}

控制器:

public ActionResult Hinzufuegen()
{
    var model = new AddRenterViewModel();
    return View(model);
}

视图模型:

public class AddRenterViewModel
{
    public Renter Renter { get; set; }

    public List<SelectListItem> RentableGarageItems { get; set; }

    ...

    public AddRenterViewModel()
    {
        Renter = new Renter();
        Renter.RentLines.Add(new RentLine());

        RentableGarageItems = new List<SelectListItem>();
        foreach (var garage in Singleton.Instance.Entities.GetRentableGarages().OrderBy(g => g.No))
        {
            RentableGarageItems.Add(new SelectListItem{Text = garage.No.ToString(), Value = garage.Id.ToString()});
        }
    }   
}

查看:

@model Grossgaragenverwaltung.ViewModels.AddRenterViewModel
...
Garage Nr. @Html.DropDownListFor(m => m.Renter.RentLines[0].GarageId, Model.RentableGarageItems) @* No selected value *@
           @Html.TextBoxFor(m => m.Renter.RentLines[0].GarageId) @* Shows the id 'e926dcac-05ac-4fc1-92a2-014345e6e11c' as set in the constructor *@
...

这是结果,没有选中值:

Garage Nr.
<select id="Renter_RentLines_0__GarageId" name="Renter.RentLines[0].GarageId" data-val-required="Das Feld "GarageId" ist erforderlich." data-val="true">
<option value="225a761d-7d12-4e02-9d72-d54fb6934f05">1</option>
<option value="d28fb4fb-d65b-4674-90d6-a4ab9636be80">2</option>
<option value="e06b520b-e876-4870-b321-dc65f77967a7">3</option>
<option value="56832d98-aa5a-4e1a-af44-2d7e00f2bb3a">4</option>
<option value="551f1fa9-13a5-40ce-b795-50063e605027">5</option>
<option value="bace4b40-92ab-4757-9716-2a2878c2c9e8">6</option>
<option value="f9baf45b-96bf-463e-a234-a1522bfc9b9b">7</option>
<option value="91d1d866-6346-4ab0-b2aa-35b56eeaf2b0">8</option>
<option value="62eb3727-eab2-4180-90cd-7dc59119f44e">9</option>
<option value="59768097-c772-4421-b907-a24397a106f5">10</option>
<option value="270acf6b-e4e3-41c3-86dd-4381a313848a">11</option>
<option value="923269cd-1ead-4346-90ce-6344acda5b1b">12</option>
<option value="981ee61e-408b-4b08-a7d3-26c909f04a9d">13</option>
<option value="f1c5043c-fe41-4a8e-8c58-e88363885de4">14</option>
<option value="e926dcac-05ac-4fc1-92a2-014345e6e11c">15</option>
<option value="5577dc00-7cfa-4bcd-99ad-3f356e4325ae">16</option>
</select>
<input id="Renter_RentLines_0__GarageId" type="text" value="e926dcac-05ac-4fc1-92a2-014345e6e11c" name="Renter.RentLines[0].GarageId">

我怎样才能得到这份工作?

更新: 这是一个工作示例,其中一切都按预期工作,仅在您在上面看到的情况下才会出现问题:

public class Renter
{
    ...
    public Salutation Salutation { get; set; }
    ...

    public Renter()
    {
        ...
        Salutation = Salutation.Male;
        ...
    }
}

public ActionResult Hinzufuegen()
{
    var model = new AddRenterViewModel();
    return View(model);
}

public class AddRenterViewModel
{
    public Renter Renter { get; set; }

    public List&lt;SelectListItem&gt; SalutationItems { get; set; }

    ...

    public AddRenterViewModel()
    {
        Renter = new Renter();
        Renter.RentLines.Add(new RentLine());

        SalutationItems = new List&lt;SelectListItem&gt;();
        foreach (Salutation salutation in Enum.GetValues(typeof(Salutation)))
        {
           SalutationItems.Add(new SelectListItem { Text = NameEnum.GetName(salutation), Value = salutation.ToString() });
        }
    }   
}

@Html.DropDownListFor(m =&gt; m.Renter.Salutation, Model.SalutationItems)

&lt;select id="Renter_Salutation" name="Renter.Salutation" data-val-required="Das Feld "Salutation" ist erforderlich." data-val="true"&gt;
&lt;option value="Company"&gt;Firma&lt;/option&gt;
&lt;option value="Male" selected="selected"&gt;Männlich&lt;/option&gt;
&lt;option value="Female"&gt;Weiblich&lt;/option&gt;
&lt;/select&gt;

【问题讨论】:

  • 以下答案是否解决了您的问题?

标签: asp.net-mvc-4 model get selecteditem html.dropdownlistfor


【解决方案1】:

经过dropdownlistfor does not select correct value in a loop这里的一些研究,我找到了解决方案。

这行得通:

@Html.DropDownListFor(m => m.Renter.RentLines[0].GarageId,
  new SelectList(Model.RentableGarageItems, "Value", "Text", Model.Renter.RentLines[0].GarageId))

【讨论】:

  • 这对我有用
【解决方案2】:

您在创建 SelectedListItem 时缺少 Selected 属性。即选定 = (garage.Id == 2)

        var entities = new List<Guarage>()
        {
            new Guarage() {No = 1, Id = 1},
            new Guarage() {No = 2, Id = 2},
            new Guarage() {No = 3, Id = 3}
        };

        foreach (var garage in entities)
        {
            var s = new SelectListItem
            {
                Text = garage.No.ToString(),
                Value = garage.Id.ToString(),
                Selected = (garage.Id == 2)
            };
            RentableGarageItems.Add(s);
        }

默认情况下,这将在下拉列表中选择 2。

【讨论】:

  • 感谢您的回复。这是可行的,但它必须能够在不设置 SelectListItems 列表中的选定值的情况下这样做,原因有两个: 1. 我想在具有不同预选值的 DropDownList 上使用相同的列表。 2. 在我想从模型对象中的“更深”属性中预先选择之前,它可以完美运行。请看我上面更新的帖子。 (不能作为评论发送,因为它太长了)。在这里,它无需在 SelectListItems 列表中设置选择值即可工作。
【解决方案3】:

内嵌 Stephen Muecke 对 MVC5 Razor html.dropdownlistfor set selected when value is in array 的回答

不幸的是,@Html.DropDownListFor() 在循环中渲染控件时的行为与其他助手稍有不同。这之前已在 CodePlex 上报告为问题(不确定是错误还是限制)

有 2 个选项可以解决这个问题,以确保根据模型属性选择正确的选项


选项 1 - 使用 EditorTemplate

为集合中的类型创建自定义EditorTemplate。在/Views/Shared/EditorTemplates/AggregationLevelConfiguration.cshtml中创建一个partial(注意名称必须与类型的名称匹配

@model yourAssembly.AggregationLevelConfiguration
@Html.DropDownListFor(m => m.HelperCodeType, (SelectList)ViewData["CodeTypeItems"])
.... // other properties of AggregationLevelConfiguration

然后在主视图中,将SelectList 传递给EditorTemplate 作为additionalViewData

@using (Html.BeginForm())
{
  ...
  @Html.EditorFor(m => m.Configurations , new { CodeTypeItems = Model.CodeTypeItems })
  ...

选项 2 - 在每次迭代中生成一个新的 SelectList 并设置 selectedValue

在此选项中,您的属性CodeTypeItems 应该是IEnumerable&lt;GenericIdNameType&gt;,而不是SelectList(或者只是将codeTypes 设为公共属性)。然后在主视图中

@Html.DropDownListFor(m => m.Configurations[0].HelperCodeType, new SelectList(Model.CodeTypeItems, "Id", "Name", Model.Configurations[0].HelperCodeType)

旁注:没有必要使用new { id = "Configurations[0].HelperCodeType" - DropDownListFor() 方法已经生成了id 属性

注意:还要仔细检查您是否存在这些问题中所述的其他与列表无关的绑定问题:

【讨论】:

    猜你喜欢
    • 2016-09-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-07-17
    • 1970-01-01
    • 2012-10-10
    • 1970-01-01
    相关资源
    最近更新 更多