Boş değer atanabilir boole için onay kutusu

Modelimde boş değer atanabilir olması gereken bir boole var

public bool? Foo
{
   get;
   set;
}

Yani Razor cshtml'mde var

@Html.CheckBoxFor(m => m.Foo)

bunun dışında çalışmıyor. (Bool) ile döküm de yapmaz. Eğer yaparsam

@Html.CheckBoxFor(m => m.Foo.Value)

bu bir hata oluşturmaz, ancak yayınlandığında modelime bağlanmaz ve foo null olarak ayarlanır. Sayfada Foo'yu görüntülemenin ve onu bir gönderideki modelime bağlamanın en iyi yolu nedir?

Onunla çalışmak için aldım

@Html.EditorFor(model => model.Foo) 

ve ardından Views / Shared / EditorTemplates / Boolean.cshtml'de aşağıdakilerle bir dosya oluşturun:

@model bool?

@Html.CheckBox("", Model.GetValueOrDefault())

Benzer soruda cevap bulundu - Nullable Bool'u CheckBox olarak oluşturma . Çok basit ve işe yarıyor:

@Html.CheckBox("RFP.DatesFlexible", Model.RFP.DatesFlexible ?? false)
@Html.Label("RFP.DatesFlexible", "My Dates are Flexible")

@Afinkelstein'dan kabul edilen cevap gibi, ancak özel 'düzenleyici şablonuna' ihtiyacımız yok

Ben bool? IsDisabled { get; set; }Modeli. Görünümdeyse eklenir.

<div class="inputClass" id="disabled">
    <div>
    @if(Model.IsDisabled==null)
    {
        Model.IsDisabled = false;
    }           
    @Html.CheckBoxFor(model => model.IsDisabled.Value)         
    </div>
</div> 

Modelimde boş değer atanabilir olması gereken bir boole var

Neden? Bu mantıklı değil. Bir onay kutusunun iki durumu vardır: işaretli / işaretli değil veya isterseniz Doğru / Yanlış. Üçüncü durum yok.

Yoksa görünüm modelleri yerine görünümlerinizde etki alanı modellerinizi mi kullanıyorsunuz? Bu senin problemin. Dolayısıyla benim için çözüm, basit bir boole özelliği tanımlayacağınız bir görünüm modeli kullanmaktır:

public class MyViewModel
{
    public bool Foo { get; set; }
}

ve şimdi denetleyici eyleminizin bu görünüm modelini görünüme geçirmesini ve uygun onay kutusunu oluşturmasını sağlayacaksınız.

False veya Null'un önerilmediğini açıklığa kavuşturmak için bir ilkeli gizli alanlarla karıştırmak

Onay kutusu, kullanmanız gereken şey değildir - gerçekten yalnızca bir duruma sahiptir: İşaretli . Aksi takdirde, herhangi bir şey olabilir.

Veritabanı alanınız boş değer atanabilir bir boolean ( bool?) olduğunda, kullanıcı deneyimi 3-Radyo Düğmelerini kullanmalıdır; burada ilk düğme "Kontrol Edildi" i, ikinci düğme "Kontrol Edilmedi" i temsil eder ve üçüncü düğme boş değerinizi temsil eder. boş anlamına gelir. <select><option>Gayrimenkul kaydetmek için bir açılır liste kullanabilirsiniz, ancak kullanıcının iki kez tıklaması gerekir ve seçimler neredeyse anında net değildir.

  1     0      null 
True  False  Not Set
Yes   No     Undecided
Male  Female Unknown
On    Off    Not Detected

RadioButtonForSelectList adlı bir uzantı olarak tanımlanan RadioButtonList, sizin için seçilen / işaretlenen değer dahil radyo düğmelerini oluşturur ve radyo düğmelerinizin <div class="RBxxxx">yatay (ekran: satır içi blok), dikey veya tablo tarzında (ekran: inline-block; genişlik: 100px;)

Modelde (pedagojik bir örnek olarak sözlük tanımı için string, string kullanıyorum. Bool ?, string kullanabilirsiniz)

public IEnumerable<SelectListItem> Sexsli { get; set; }
       SexDict = new Dictionary<string, string>()
        {
                { "M", "Male"},
                { "F", "Female" },
                { "U", "Undecided" },

        };

        //Convert the Dictionary Type into a SelectListItem Type
        Sexsli = SexDict.Select(k =>
              new SelectListItem
              {
                  Selected = (k.Key == "U"),
                  Text = k.Value,
                  Value = k.Key.ToString()
              });

<fieldset id="Gender">
<legend id="GenderLegend" title="Gender - Sex">I am a</legend>
    @Html.RadioButtonForSelectList(m => m.Sexsli, Model.Sexsli, "Sex") 
        @Html.ValidationMessageFor(m => m.Sexsli)
</fieldset>

public static class HtmlExtensions
{
public static MvcHtmlString RadioButtonForSelectList<TModel, TProperty>(
    this HtmlHelper<TModel> htmlHelper,
    Expression<Func<TModel, TProperty>> expression,
    IEnumerable<SelectListItem> listOfValues,
    String rbClassName = "Horizontal")
{
var metaData = ModelMetadata.FromLambdaExpression(expression, htmlHelper.ViewData);
var sb = new StringBuilder();

if (listOfValues != null)
{
    // Create a radio button for each item in the list 
    foreach (SelectListItem item in listOfValues)
    {
        // Generate an id to be given to the radio button field 
        var id = string.Format("{0}_{1}", metaData.PropertyName, item.Value);

        // Create and populate a radio button using the existing html helpers 
        var label = htmlHelper.Label(id, HttpUtility.HtmlEncode(item.Text));

        var radio = String.Empty;

        if (item.Selected == true)
        {
            radio = htmlHelper.RadioButtonFor(expression, item.Value, new { id = id, @checked = "checked" }).ToHtmlString();
        }
        else
        {
            radio = htmlHelper.RadioButtonFor(expression, item.Value, new { id = id }).ToHtmlString();

        }// Create the html string to return to client browser
        // e.g. <input data-val="true" data-val-required="You must select an option" id="RB_1" name="RB" type="radio" value="1" /><label for="RB_1">Choice 1</label> 

        sb.AppendFormat("<div class=\"RB{2}\">{0}{1}</div>", radio, label, rbClassName);
    }
}

return MvcHtmlString.Create(sb.ToString());
}
}

Benim için çözüm, görünüm modelini değiştirmekti. Fatura aradığınızı düşünün. Bu faturalar ödenebilir veya ödenemez. Dolayısıyla aramanızın üç seçeneği vardır: Ücretli, Ödenmemiş veya "Önemsemiyorum".

Bunu başlangıçta bir bool olarak mı ayarlamıştım? alan:

public bool? PaidInvoices { get; set; }

Bu beni bu soruya tökezledi. Sonunda bir Enum türü oluşturdum ve bunu şu şekilde ele aldım:

@Html.RadioButtonFor(m => m.PaidInvoices, PaidStatus.NotSpecified, new { @checked = true })
@Html.RadioButtonFor(m => m.PaidInvoices, PaidStatus.Yes) 
@Html.RadioButtonFor(m => m.PaidInvoices, PaidStatus.No)

Tabii ki onları etiketlere sarmıştım ve metni belirtmiştim, sadece burada dikkate alınması gereken başka bir seçenek var.

Onay kutusu size yalnızca 2 değer sunar (doğru, yanlış). Nullable boolean 3 değere sahiptir (true, false, null), bu yüzden bunu bir onay kutusuyla yapmak imkansızdır.

Bunun yerine bir açılır menü kullanmak iyi bir seçenektir.

Modeli

public bool? myValue;
public List<SelectListItem> valueList;

Kontrolör

model.valueList = new List<SelectListItem>();
model.valueList.Add(new SelectListItem() { Text = "", Value = "" });
model.valueList.Add(new SelectListItem() { Text = "Yes", Value = "true" });
model.valueList.Add(new SelectListItem() { Text = "No", Value = "false" });

Görünüm

@Html.DropDownListFor(m => m.myValue, valueList)

Aslında bunun için bir şablon oluşturur ve bu şablonu EditorFor () ile kullanırdım.

İşte böyle yaptım:

1. Temelde EditorTemplates dizininde oluşturduğum kısmi bir görünüm olan Şablonumu Oluştur, Paylaşılanlar altında Görünümler altında şöyle adlandırın (örneğin) CheckboxTemplate:

   @using System.Globalization    
   @using System.Web.Mvc.Html    
   @model bool?
   
   @{
       bool? myModel = false;
       if (Model.HasValue)
       {
           myModel = Model.Value;
       }
   }
   
   <input type="checkbox" checked="@(myModel)" name="@ViewData.TemplateInfo.HtmlFieldPrefix" value="True" style="width:20px;" />
   

2. Bunu şu şekilde kullanın (herhangi bir görünümde):

   @ Html.EditorFor (x => x.MyNullableBooleanCheckboxToBe, "CheckboxTemplate")

Bu kadar.

MVC'de şablonlar çok güçlüdür, onları kullanın .. Tüm bir sayfayı şablon olarak oluşturabilirsiniz, bununla birlikte kullanacağınız @Html.EditorFor(); görünüm modelini lambda ifadesinde geçirmeniz şartıyla ..

Bulabildiğim en temiz yaklaşım HtmlHelper, çerçeve tarafından sağlanan işlevselliği yeniden kullanırken mevcut uzantıları genişletmektir .

public static MvcHtmlString CheckBoxFor<T>(this HtmlHelper<T> htmlHelper, Expression<Func<T, bool?>> expression, IDictionary<string, object> htmlAttributes) {

    ModelMetadata modelMeta = ModelMetadata.FromLambdaExpression(expression, htmlHelper.ViewData);
    bool? value = (modelMeta.Model as bool?);

    string name = ExpressionHelper.GetExpressionText(expression);

    return htmlHelper.CheckBox(name, value ?? false, htmlAttributes);
}

İfadeyi yerliden doğrudan geçişe izin verecek şekilde 'şekillendirmeyi' denedim CheckBoxFor<Expression<Func<T, bool>>>ama bunun mümkün olduğunu sanmıyorum.

Geçmişte de benzer bir sorun yaşadım.

HTML'de bir Onay Kutusu girişi oluşturun ve name = "Foo" niteliğini ayarlayın Bu yine de düzgün şekilde gönderilmelidir.

<input type="checkbox" name="Foo" checked="@model.Foo.Value" /> Foo Checkbox<br />

Sadece boş değeri kontrol edin ve buna yanlış döndürün:

@{ bool nullableValue = ((Model.nullableValue == null) || (Model.nullableValue == false)) ? false : true; }
@Html.CheckBoxFor(model => nullableValue)

Ben de aynı sorunla karşılaştım. Sorunu çözmek için aşağıdaki yaklaşımı denedim çünkü DB'yi değiştirmek ve tekrar EDMX'i oluşturmak istemiyorum.

@{

   bool testVar = (Model.MYVar ? true : false);

 }

<label>@Html.CheckBoxFor(m => testVar)testVar</label><br />

Boş değer atanabilir bool içeren bir model için EditorTemplate oluştururken ...

• Boş değer atanabilir bool'u 2 boole'ye bölün:

  // Foo is still a nullable boolean.
  public bool? Foo 
  {
      get 
      { 
          if (FooIsNull)
              return null;
  
          return FooCheckbox;  
      }
      set
      {
          FooIsNull   = (value == null);
          FooCheckbox = (value ?? false);
      }
  }
  
  // These contain the value of Foo. Public only so they are visible in Razor views.
  public bool FooIsNull { get; set; }
  public bool FooCheckbox { get; set; }
  

• Editör şablonunun içinde:

  @Html.HiddenFor(m => m.FooIsNull)
  
  @if (Model.FooIsNull)
  {
      // Null means "checkbox is hidden"
      @Html.HiddenFor(m => m.FooCheckbox)
  }
  else
  {
      @Html.CheckBoxFor(m => m.FooCheckbox)
  }
  

• Orijinal Foo özelliğini geri göndermeyin, çünkü bu artık FooIsNull ve FooCheckbox'tan hesaplanıyor.

Yukarıdaki tüm cevaplar kendi sorunları ile geldi. IMO'nun en kolay / en temiz yolu bir yardımcı yaratmaktır

MVC5 Jilet

App_Code / Helpers.cshtml

@helper CheckBoxFor(WebViewPage page, string propertyName, bool? value, string htmlAttributes = null)
{
    if (value == null)
    {
        <div class="checkbox-nullable">
            <input type="checkbox" @page.Html.Raw(htmlAttributes)>
        </div>
    }
    else if (value == true)
    {
        <input type="checkbox" value="true" @page.Html.Raw(htmlAttributes) checked>
    }
    else
    {
        <input type="checkbox" value="false" @page.Html.Raw(htmlAttributes)>
    }
}

Kullanım

@Helpers.CheckBoxFor(this, "IsPaymentRecordOk", Model.IsPaymentRecordOk)

Bir sarılı yani benim senaryoda, bir null onay kutusu vasıtası henüz müşteriye soru soruldu değil bir personel olduğunu .checkbox-nullablesen ne uygun stil ve son kullanıcı o olduğunu tespit edilmesine yardımcı olabilir böylece truene defalse

CSS

.checkbox-nullable {
    border: 1px solid red;
    padding: 3px;
    display: inline-block;
}

Uzatma yöntemleri:

        public static MvcHtmlString CheckBoxFor<TModel>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, bool?>> expression)
        {
            return htmlHelper.CheckBoxFor<TModel>(expression, null);
        }
        public static MvcHtmlString CheckBoxFor<TModel>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, bool?>> expression, object htmlAttributes)
        {
            ModelMetadata metadata = ModelMetadata.FromLambdaExpression(expression, htmlHelper.ViewData);
            bool? isChecked = null;
            if (metadata.Model != null)
            {
                bool modelChecked;
                if (Boolean.TryParse(metadata.Model.ToString(), out modelChecked))
                {
                    isChecked = modelChecked;
                }
            }
            return htmlHelper.CheckBox(ExpressionHelper.GetExpressionText(expression), isChecked??false ,  htmlAttributes);
        }

Radyo düğmeleri kullanışlıdır, ancak seçimi kaldırmanıza izin vermezler . Bu davranışı istiyorsanız, bir açılır menü / seçim kullanmayı düşünün. Aşağıdaki kod, SelectListve bu null yapılabilir bir boole'ye başarıyla bağlanır:

public static SelectList GetBoolTriState()
{
    var items = new List<SelectListItem>
    {
        new SelectListItem {Value = "", Text = ""},
        new SelectListItem {Value = "True", Text = "Yes"},
        new SelectListItem {Value = "False", Text = "No"},
    };

    return new SelectList(items, "Value", "Text");
}

@{  bool testVar = ((bool)item.testVar ? true : false); }
  @Html.DisplayFor(modelItem => testVar)

böyle deneyebilirsin

@Html.TextBoxFor(m => m.foo, new {   type = "checkbox" })

Bu eski bir sorudur ve mevcut cevaplar alternatiflerin çoğunu açıklamaktadır. Bool varsa ama basit bir seçenek var mı? görünüm modelinizde ve kullanıcı arayüzünüzdeki boş değeri umursamıyorsunuz:

@Html.CheckBoxFor(m => m.boolValue ?? false);