Kontrollkästchen für NULL-booleschen Wert

Ich habe es auf Arbeit mit

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

und dann den Boolean-Wert.cshtml in meinem EditorTemplates Ordner und kleben

@model bool?

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

innen.

InformationsquelleAutor der Antwort DMulligan

Habe ich bool? IsDisabled { get; set; } im Modell. Eingefügt, wenn in der Ansicht.

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

InformationsquelleAutor der Antwort VitalyB

Erschwert eine primitive mit versteckten Feldern zu klären, ob False oder Null, wird nicht empfohlen.

Checkbox ist nicht, was Sie verwenden sollten-es hat eigentlich nur einer-Zustand: Überprüft. Ansonsten könnte es alles sein.

Wenn Ihre Datenbank-Feld eine null-boolean (bool?), die UX soll die Verwendung von 3-Radio-Buttons, wo der erste Knopf steht für Ihren "Überprüft", der zweite button steht "Nicht Aktiviert" und die Dritte Taste stellt die null, was auch immer die Semantik von null bedeutet. Man könnte ein <select><option> drop-down-Liste zu speichern, real estate, aber der Nutzer muss zweimal klicken und die Auswahlmöglichkeiten sind bei weitem nicht so unmittelbar klar.

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

RadioButtonList, definiert als eine Erweiterung namens RadioButtonForSelectList, baut die radio-buttons, das selektierte/aktivierte Wert, und legt den <div class="RBxxxx"> so können Sie css verwenden, um Ihre radio-buttons gehen, horizontal (display: inline-block), vertikal oder in einer Tabelle Mode (display: inline-block; width:100px;)

In das Modell (ich bin mit string, string für die Wörterbuch-definition als pädagogische Beispiel. Sie können bool?, string)

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());
}
}

InformationsquelleAutor der Antwort Jules Bartow

Checkbox Ihnen nur 2 Werte (true, false). Nullable boolean hat 3 Werte (true, false, null), so ist es unmöglich, es zu tun mit einer checkbox.

Eine gute Möglichkeit ist die Verwendung eines drop-down statt.

Modell

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

Controller

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" });

Ansicht

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

InformationsquelleAutor der Antwort Gudradain

Ich hatte ein ähnliches Problem in der Vergangenheit.

Erstellen Sie eine Checkbox, input in HTML, und legen Sie das Attribut name="Foo" Das sollte noch post richtig.

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

InformationsquelleAutor der Antwort Chris Lucian

Nur Prüfung für den null-Wert, und geben Sie false zurück, es:

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

InformationsquelleAutor der Antwort Rodrigo Boratto

Beim EditorTemplate für ein Modell, welches eine nullable bool...

• Split-die nullable bool in 2 booleans:

  //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; }

• Innerhalb der editor-template:

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

• Nicht postback die ursprüngliche Eigenschaft Foo, denn das wird nun berechnet aus FooIsNull und FooCheckbox.

InformationsquelleAutor der Antwort buffjape

Erweiterungsmethoden:

        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);
        }

InformationsquelleAutor der Antwort Jim

Dies ist eine alte Frage, und die vorhandenen Antworten beschreiben die meisten alternativen. Aber es gibt eine einfache option, wenn Sie über bool? in der viewmodel, und Sie kümmern sich nicht um null in deinem UI:

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

InformationsquelleAutor der Antwort Jeff Dege