C＃ - 渲染複選框，始終返回檢查

Question

逗人的名單，

請你能幫助下面的問題：

我要呈現在我看來複選框的列表。

      @model IEnumerable<CFts.Models.CFModel> 
          ... 
          @foreach (var test in ViewBag.CF_list) 
          { 

           if (test.Text != "" && test.Text != " ") 
           { 
            <div class="checkbox"> 
             <label><input value="@test.Value" id="CF_list_" name="CF_list_" @(test.Selected == true ? "checked" : "") type="checkbox"> @test.Text</label> 
            </div> 
           } 
          } 

好的，在頁面上的複選框。

CF_list在控制器（SelectListItem）產生

但是問題 - 如果發送該形式中，所有所選擇時間標記的複選框的至少一個。例如：1.我選擇了兩個chekckboxed，發送表單 - 一切正常。 2.我刪除所有勾號和發送表單 - 其中一個複選框（最後單擊）表示爲選中狀態。

爲什麼？

CF_List是SelectListItem

另一個問題：

請你能幫助我理解很簡單的事情

我有我的類模型：

public class VendorAssistanceViewModel 
{ 
    public string Name { get; set; } 
    public bool Checked { get; set; } 
} 
public partial class CSModel : IEntity 
{ 
    public CSModel() 
    { 

     VendorAssistances = new[] 
     { 
     new VendorAssistanceViewModel { Name = "DJ/BAND" }, 
     new VendorAssistanceViewModel { Name = "Officiant" }, 
     new VendorAssistanceViewModel { Name = "Florist" }, 
     new VendorAssistanceViewModel { Name = "Photographer" }, 
     new VendorAssistanceViewModel { Name = "Videographer" }, 
     new VendorAssistanceViewModel { Name = "Transportation" }, 
     }.ToList(); 
    } 


    public IList VendorAssistances { get; set; } 

我的看法：

@model IEnumerable<CSTS.Models.CSModel> 

    ... some html code... 
and how here to show array of checkboxes from Model, using VendorAssistances ? 

我知道這很簡單，我看了很多文檔，但還是不明白

謝謝！

Answer 1

不要設置checked屬性，讓value屬性決定它是否被選中。

變化

<label><input value="@test.Value" id="CF_list_" name="CF_list_" @(test.Selected == true ? "checked" : "") type="checkbox">@test.Text</label> 

要

<label><input value="@test.Value" id="c_" name="CF_list_" type="checkbox">@test.Text</label> 

更新：只是爲了使這更容易理解..

不要使用SelectListItem爲CF_List，用這個來代替。 SelectListItem用於下拉列表。

public class CFListCheckbox 
{ 
    public bool IsChecked { get; set; } // Add a property to know if the checkbox should be checked or not 
    public string Text { get; set; } 
    public object Value { get; set; } // Change as needed 
} 

在您的GET動作..

// Assign an ICollection<CFListCheckbox> to your ViewBag.CF_list 
ICollection<CFListCheckbox> cfListCB = cfCollection.Select(r => new CFListCheckbox() 
{ 
    IsChecked = false, 
    Text = r.SomeProp, 
    Value = r.SomePropOrWhatever 
}).ToList(); 
ViewBag.CF_list = cfListCB; 

在您看來，使用Html.Checkbox創建您的複選框。

@foreach (var test in ViewBag.CF_list) 
{  
    if (!string.IsNullOrWhiteSpace(test.Text)) 
    { 
     <div class="checkbox"> 
      <label> 
       @Html.Checkbox("CF_list_", test.IsChecked, new { Value = test.Value }) @test.Text 
      </label> 
     </div> 
    } 
} 

在您的POST操作，只需設置萬一ViewBag.ViewBag.CF_list您的文章失敗，又回到了看法。

// Assign an ICollection<CFListCheckbox> to your ViewBag.CF_list 
ICollection<CFListCheckbox> cfListCB = cfCollection.Select(r => new CFListCheckbox() 
{ 
    IsChecked = false, 
    Text = r.SomeProp, 
    Value = r.SomePropOrWhatever 
}).ToList(); 

// Add logic to re-assign the IsChecked property for your ViewBag.CF_list 
foreach(var entry in model.CF_list_) 
{ 
    CFListCheckbox item = cfListCB.FirstOrDefault(r => r.Text == entry.SomeProp && r.Value == entry.SomePropOrWhatever); 
    if(item != null) 
    { 
     item.IsChecked = true; 
    } 
} 

ViewBag.CF_list = cfListCB; 

return View(model); 

請注意，示例代碼只是給你一個你可以做什麼的想法。這不是絕對的。根據需要進行優化。