Question

我正在尝试在ASP.net MVC 5中显示用于合并两个联系人的表单。表单应该如下所示，每行包含一个由2个选项组成的单选按钮组：

enter image description here

表单显示正常，无线电组工作（我可以选择每个组）。但是，当模型回发到服务器时，Values列表为空（未保留）。我想获得所选的id，但当然也是控制器中的实际文本值。我更喜欢使用编辑器模板，如果可能，不使用for循环。

当前结果（值= null）：

enter image description here

编辑以回复评论：我不希望再次重新获取控制器中的值，因为它会导致调用Web服务。我尝试了HiddenFor的某些变体而没有结果。

我的模型如下所示：

public class Contact
{        
    public List<ContactRow> Rows { get; set; }
    public Contact()
    {
        this.Rows = new List<ContactRow>();
        this.Rows.Add(new ContactRow("First Name", "Homer", "Homie"));
        this.Rows.Add(new ContactRow("Last Name", "Simpson", "Simson"));
        this.Rows.Add(new ContactRow("Email", "mail1", "mail2"));
        this.Rows.Add(new ContactRow("Company Phone", "Phone1", "Phone2"));
        this.Rows.Add(new ContactRow("Mobile Phone", "Mobile1", "Mobile2"));
    }
}

public class ContactRow
{        
    public int Selection { get; set; }
    public string Label { get; set; }
    public List<ValueSet> Values { get; set; }

    public ContactRow(string Label, string LeftValue, string RightValue, int Selection = 0)
    {
        if (LeftValue== null) LeftValue= "";
        if (RightValue== null) RightValue= "";            
        this.Label = Label;
        this.Selection = Selection;
        this.Values = new List<ValueSet>(2);
        this.Values.Add(new ValueSet() { ID = 0, ValueText = LeftValue});
        this.Values.Add(new ValueSet() { ID = 1, ValueText = RightValue});            
    }

    public ContactRow() { }
}

public class ValueSet
{
    public int ID { set; get; }
    public string ValueText { set; get; }        
}

控制器：

public ActionResult Index()
{
    Contact model = new Contact();
    return View(model);
}

public ActionResult MergeContacts(Contact model)
{
    return RedirectToAction("Index");
}

观看次数：

Index.cshtml

@model RadioTest.Models.Contact
@{
    ViewBag.Title = "Home Page";    
}

@using (Html.BeginForm("MergeContacts", "Home", FormMethod.Post, new { encType = "multipart/form-data", id = "contactDetailsForm", name = "contactDetailsForm" }))
{
<div>
    <table class="table" width="100%">
        <tr>
            <th style="text-align:left">Label</th>
            @*<th style="text-align:right">R1</th>*@
            <th style="text-align:left">
                Left Value
            </th>
            @*<th style="text-align:right">R2</th>*@
            <th style="text-align:left">
                Right Value
            </th>
        </tr>
        @Html.EditorFor(model => model.Rows)
    </table>
    <input type="submit" />
</div>
}

ContactRow的编辑模板：

ContactRow.cshtml

@model RadioTest.Models.ContactRow

<tr>
    <td style="text-align:left">
        @Html.DisplayFor(model => model.Label)        
    </td>    
    @foreach (var v in Model.Values)    
    {
        <td style="text-align:left">
            @Html.RadioButtonFor(model => model.Selection, v.ID) @v.ValueText            
        </td>
    }
</tr>

@Html.HiddenFor(model => model.Label)

Answer 1

只需将你的foreach改为：

@model MVCApp.Controllers.ContactRow 

<tr>
   <td style="text-align:left">
      @Html.DisplayFor(model => model.Label)
   </td>
   @for (int i = 0; i < Model.Values.Count; i++)
   {
      <td style="text-align:left">
         @Html.RadioButtonFor(model => model.Selection, Model.Values[i].ID)  @Model.Values[i].ValueText

         @Html.HiddenFor(model => Model.Values[i].ID)
         @Html.HiddenFor(model => Model.Values[i].ValueText)
      </td>
   }
</tr>

@Html.HiddenFor(model => model.Label)

单选按钮列表，使用编辑器模板合并联系人

1 个答案: