MVC 下拉列表，编辑器模板显示所选值和无效名称字段作为属性名称.属性名称

本文关键字：属性 无效 字段 编辑器 下拉列表 显示 MVC | 更新日期: 2023-09-27 18:34:01

我有一个通过编辑器模板呈现的下拉列表。该属性在验证类中具有UIHints并正确显示，但是当我查看HTML时，控件的名称是PropertyType.PropertyName，而不仅仅是PropertyName。

这会阻止模型绑定。

我也无法将选定的值返回到视图。

我该如何解决这个问题？

更新 有关详细信息，请参阅下面的答案。

视图模型 

public partial class HouseholdEditViewModel
{
    public int householdID { get; set; }
    public int familyID { get; set; }
    public string address { get; set; }
    public HousingTypeDropDownViewModel housingType { get; set; }
    public KeyworkerDropDownViewModel keyworker { get; set; }
    public string attachmentDate { get; set; }
    public bool loneParent { get; set; }
    public string familyPhoneCode { get; set; }
    public string familyPhone { get; set; }
}

下拉视图模型

public class HousingTypeDropDownViewModel
{
    public int housingTypeID { get; set; }
    public IEnumerable<SelectListItem> Items { get; set; }
}

编辑器模板

@model WhatWorks.ViewModels.HousingTypeDropDownViewModel
@Html.DropDownListFor(h => h.housingTypeID, new SelectList(Model.Items, "Value", "Text"))

视图

using (Html.ControlGroupFor(property.Name))
{                    
@Html.Label(property.GetLabel(), new { @class = "control-label" })
 <div class="controls">
         @Html.Editor(property.Name, new { @class = "input-xlarge" })
         @Html.ValidationMessage(property.Name, null, new { @class = "help-inline" })
 </div>
}

.HTML

<div class="control-group">
    <label class="control-label" for="Housing_Type">Housing Type</label>                 
    <div class="controls">
        <select data-val="true" data-val-number="The field housingTypeID must be a number." data-val-required="The housingTypeID field is required." id="housingType_housingTypeID" name="housingType.housingTypeID">
            <option value="1">Owner Occupied</option>
            <option value="2">Rented - Social Landlord</option>
        </select>
        <span class="field-validation-valid help-inline" data-valmsg-for="housingType" data-valmsg-replace="true"></span>
    </div>
</div>

MVC 下拉列表，编辑器模板显示所选值和无效名称字段作为属性名称.属性名称

对此进行了

更多研究后，这似乎正在按预期工作。

最简单的解决方法是在 EditorTemplate 中使用 DropDownList，而不是 DropDownListFor。将name设置为空白字符串，Html.Editor 仅选取一次属性名称。另请注意SelectList对Model.Items的更改 

@model WhatWorks.ViewModels.HousingTypeDropDownViewModel
@Html.DropDownList("", Model.Items)

为了进一步详细说明这一点，我试图使用带有 ViewModel IEnumerable<SelectListItem>的DropDownList，并且正在努力使我的 HTML 标记正确呈现。其中一部分涉及需要在我的编辑视图上进行Selected Value。

由于这似乎是一个常规问题，我稍微修改了这篇文章的标题，并将在此处记录控制器代码 - 这对我有用，可能不是最佳实践......警告空洞！

独立

public interface IHouseholdRepository : IDisposable
{
    IEnumerable<tHousehold> Get();
    tHousehold GetById(int Id);
    IEnumerable<SelectListItem> AddHousingType();
    IEnumerable<SelectListItem> EditHousingType(int id);
    //etc...
}

存储 库

public IEnumerable<SelectListItem> AddHousingType()
{
    var query = from ht in context.tHousingType
                orderby ht.housingType
                select new
                {
                    ht.housingTypeID,
                    ht.housingType
                };
    return query.AsEnumerable()
        .Select(s => new SelectListItem
        {
            Value = s.housingTypeID.ToString(),
            Text = s.housingType
        });
}
public IEnumerable<SelectListItem> EditHousingType(int id)
{
    var housingType = (from h in context.tHousehold
                      where h.householdID == id
                      select new
                          {
                              h.tHousingStatus.FirstOrDefault().housingTypeID
                          }
                      );  
    var query = from ht in context.tHousingType
                orderby ht.housingType
                select new
                {
                    ht.housingTypeID,
                    ht.housingType
                };
    return query.AsEnumerable()
        .Select(s => new SelectListItem
           {
               Value = s.housingTypeID.ToString(),
               Text = s.housingType,
               Selected = (housingType.FirstOrDefault().housingTypeID == s.housingTypeID ? true : false)
           });
}

控制器

    public ActionResult Edit(int id = 0)
    {
        HousingTypeDropDownViewModel housingType = new HousingTypeDropDownViewModel
        {
            Items = _repo.EditHousingType(id)
        };
        HouseholdEditViewModel h = GetUpdate(id);
        //GetUpdate is Automapper code unrelated to the DropDown 
        h.housingTypeID = housingType;
        if (h == null)
        {
            return HttpNotFound();
        }
        return View(h);
    }

上述内容的灵感来自太多的SO帖子。谢谢大家，希望这对其他人有所帮助。

相关文章：