OPTGROUP下拉支持MVC - 問題與模型綁定

Question

我不知道任何人都可以在這個問題上提供一些線索..

我得選擇一個人的種族選項組下拉 - 然而，它的不存儲模型中的值。

視圖模型

[UIHint("EthnicOriginEditorTemplate")] 
    [DisplayName("Question 6: Ethnic Origin")] 
    public int EthnicOrigin { get; set; } 

助手：GroupDropList.Cs

using System.Collections.Generic; 
using System.Linq; 
using System.Text; 
using System.Web.Mvc; 
using System.Web.Routing; 

namespace Public.Helpers 
{ 
    public static class GroupDropListExtensions 
    { 
     public static string GroupDropList(this HtmlHelper helper, string name, IEnumerable<GroupDropListItem> data, int SelectedValue, object htmlAttributes) 
     { 
      if (data == null && helper.ViewData != null) 
       data = helper.ViewData.Eval(name) as IEnumerable<GroupDropListItem>; 
      if (data == null) return string.Empty; 

      var select = new TagBuilder("select"); 

      if (htmlAttributes != null) 
       select.MergeAttributes(new RouteValueDictionary(htmlAttributes)); 

      select.GenerateId(name); 

      var optgroupHtml = new StringBuilder(); 
      var groups = data.ToList(); 
      foreach (var group in data) 
      { 
       var groupTag = new TagBuilder("optgroup"); 
       groupTag.Attributes.Add("label", helper.Encode(group.Name)); 
       var optHtml = new StringBuilder(); 
       foreach (var item in group.Items) 
       { 
        var option = new TagBuilder("option"); 
        option.Attributes.Add("value", helper.Encode(item.Value)); 
        if (SelectedValue != 0 && item.Value == SelectedValue) 
         option.Attributes.Add("selected", "selected"); 
        option.InnerHtml = helper.Encode(item.Text); 
        optHtml.AppendLine(option.ToString(TagRenderMode.Normal)); 
       } 
       groupTag.InnerHtml = optHtml.ToString(); 
       optgroupHtml.AppendLine(groupTag.ToString(TagRenderMode.Normal)); 
      } 
      select.InnerHtml = optgroupHtml.ToString(); 
      return select.ToString(TagRenderMode.Normal); 
     } 
    } 

    public class GroupDropListItem 
    { 
     public string Name { get; set; } 
     public List<OptionItem> Items { get; set; } 
    } 

    public class OptionItem 
    { 
     public string Text { get; set; } 
     public int Value { get; set; } 
    } 
} 

這是我EditorTemplate

<%@ Import Namespace="Public.Helpers"%> 
<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<int>"%> 

<%=Html.GroupDropList("EthnicOrigin", 
           new[] 
            {           
             new GroupDropListItem 
              { 
               Name = "Ethnicity", 
               Items = new List<OptionItem> 
                 { 
                  new OptionItem {Value = 0, Text = "Please Select"} 
                 } 
              }, 

             new GroupDropListItem 
              { 
               Name = "a) White", 
               Items = new List<OptionItem> 
                 { 
                  new OptionItem {Value = 1, Text = "British"}, 
                  new OptionItem {Value = 2, Text = "Irish"}, 
                  new OptionItem {Value = 3, Text = "Other White (Please specify below)"} 
                 } 
              }, 

             --snip 

            }, Model, null)%> 

並在視圖我引用它：

<%=Html.EditorFor(x => x.EthnicOrigin, "EthnicOriginEditorTemplate")%> 

但是它沒有經過選擇的價值到模型......有沒有人遇到類似的問題...提前爲一些指針非常感謝。

Answer 1

您的select沒有name屬性，因此當您提交表單時，所選值不會發送到服務器。您需要添加一個名字：

select.GenerateId(name); 
select.MergeAttribute("name", name); 

Answer 2

只是改變了輔助類來得到它MVC 3和可空INT工作。 非常感謝這堂課，爲我節省了大量的時間。

public static class GroupDropListExtensions 
{ 
    public static MvcHtmlString GroupDropList(this HtmlHelper helper, string name, IEnumerable<GroupDropListItem> data, int? SelectedValue, object htmlAttributes) 
    { 
     if (data == null && helper.ViewData != null) 
      data = helper.ViewData.Eval(name) as IEnumerable<GroupDropListItem>; 
     if (data == null) return new MvcHtmlString(string.Empty); 

     var select = new TagBuilder("select"); 

     if (htmlAttributes != null) 
      select.MergeAttributes(new RouteValueDictionary(htmlAttributes)); 

     select.GenerateId(name); 
     select.MergeAttribute("name", name); 

     var optgroupHtml = new StringBuilder(); 
     var groups = data.ToList(); 
     foreach (var group in data) 
     { 
      var groupTag = new TagBuilder("optgroup"); 
      groupTag.Attributes.Add("label", helper.Encode(group.Name)); 
      var optHtml = new StringBuilder(); 
      foreach (var item in group.Items) 
      { 
       var option = new TagBuilder("option"); 
       option.Attributes.Add("value", helper.Encode(item.Value)); 
       if (SelectedValue != 0 && item.Value == SelectedValue) 
        option.Attributes.Add("selected", "selected"); 
       option.InnerHtml = helper.Encode(item.Text); 
       optHtml.AppendLine(option.ToString(TagRenderMode.Normal)); 
      } 
      groupTag.InnerHtml = optHtml.ToString(); 
      optgroupHtml.AppendLine(groupTag.ToString(TagRenderMode.Normal)); 
     } 
     select.InnerHtml = optgroupHtml.ToString(); 
     return new MvcHtmlString(select.ToString(TagRenderMode.Normal)); 
    } 
} 

public class GroupDropListItem 
{ 
    public string Name { get; set; } 
    public List<OptionItem> Items { get; set; } 
} 

public class OptionItem 
{ 
    public string Text { get; set; } 
    public int Value { get; set; } 
} 

Answer 3

這是原生支持使用SelectListGroup爲ASP.NET MVC 5.2：

var items = new List<SelectListItem>(); 
var group1 = new SelectListGroup() { Name = "Group 1" }; 
items.Add(new SelectListItem() { Text = "Item1", Group = group1 }); 

在MVC

然後，做

@Html.DropDownList("select", items)