在MVC 6中，如何在視圖中對複選框列表進行編碼並將選中的值傳遞給控制器​​？

Question

對不起，但我的大部分搜索帶我到舊的MVC代碼。任何幫助將不勝感激。

在MVC 6標籤幫手，你怎麼編寫一組複選框：標籤

• 使用標記輔助所以點擊它會切換選中的值
• 保存（綁定？）的檢查值到IsOptionSelected財產
• 點擊提交

後通過這些檢查的值回控制器？

我能夠正確顯示帶有標籤的複選框，但我不知道如何通過模型將選中的值傳遞迴控制器。現在，IsOptionSelected值返回爲false。

我還能夠爲標籤工作制作html助手，但不能用於標籤助手。我可能也編碼這些都是錯誤的，所以任何提示都會有所幫助！

這是我到目前爲止有：

顯示：

實體：

public class PhoneOption 
{ 
    public bool IsOptionSelected { get; set; } = false; 
    public int OptionId { get; set; } 
    public string OptionName { get; set; } 
} 

型號：

[Display(Name = "Phone Options")] 
public IEnumerable<PhoneOption> PhoneOptions { get; set; } 

. . . . 
PhoneOptions = repository.GetPhoneOptions(); 

庫：

public IEnumerable<PhoneOption> GetPhoneOptions() 
{ 
    IEnumerable<PhoneOption> options = new[] 
    { 
     new PhoneOption { OptionId = 1, OptionName = "Phone Case",  IsOptionSelected = false }, 
     new PhoneOption { OptionId = 2, OptionName = "Screen Protector", IsOptionSelected = false }, 
     new PhoneOption { OptionId = 3, OptionName = "Car Charger",  IsOptionSelected = false }, 
     new PhoneOption { OptionId = 4, OptionName = "Extra Cable",  IsOptionSelected = false } 
    }; 
    return options; 
} 

查看：

<div class="form-group"> 
    <label class="control-label">Phone Options</label> 
    <div> 
     @foreach (var option in Model.PhoneOptions) 
     { 
      <div> 
       @{ string cbId = "PhoneOption_" + @option.OptionId; } 
       <input asp-for=@option.IsOptionSelected type="checkbox" value=@option.IsOptionSelected id=@cbId name=@cbId /> 
       @Html.Label(@cbId.ToString(), @option.OptionName) 
       @*This is causing invalid operation exception*@ 
       @*<label asp-for=@cbId.ToString()>@option.OptionName</label>*@ 
       <span asp-validation-for=@cbId class="text-danger" role="alert"></span> 
      </div> 
     } 
    </div>  
</div> 

提前感謝！

Answer 1

這是最後我做了什麼，使其工作。我不確定這是否是最好的方式。我必須仍然使用html助手，因爲標記助手不起作用。

型號：

public List<PhoneOption> PhoneOptions { get; set; } 
. . . 
PhoneOptions = repository.GetPhoneOptions().ToList(); 

查看：

@if (@Model.PhoneOptions != null && @Model.PhoneOptions.Count() > 0) 
{ 
    for (int i = 0; i < @Model.PhoneOptions.Count(); i++) 
    { 
     <div> 
      <input asp-for="@Model.PhoneOptions[i].IsOptionSelected" type="checkbox" /> 
      <label asp-for="@Model.PhoneOptions[i].IsOptionSelected">@Model.PhoneOptions[i].OptionName</label> 

      @*If these are not included, all OptionIds become 0 and all OptionName becomes null*@ 
      @Html.HiddenFor(x => @Model.PhoneOptions[i].OptionId) 
      @Html.HiddenFor(y => @Model.PhoneOptions[i].OptionName) 
     </div> 
    }  
} 

我希望這可以幫助別人誰是有同樣的複選框列表的問題。

更新： 我已經更新了html助手以標記helpers上面。

Answer 2

這是語法應該如何在你的每個ASP換應該被包裹在一個字符串引號

@foreach (var option in Model.PhoneOptions) 
     { 
      <div> 
       @{ string cbId = "PhoneOption_" + @option.OptionId; } 
       <input asp-for="@option.IsOptionSelected" type="checkbox" value="@option.IsOptionSelected" id="@cbId" name="@cbId" /> 
       @Html.Label(@cbId.ToString(), @option.OptionName) 
       @*This is causing invalid operation exception*@ 
       @*<label asp-for="@cbId">@option.OptionName</label>*@ 
       <span asp-validation-for="@cbId" class="text-danger" role="alert"></span> 
      </div> 
     }