Rendering Nullable Bool als CheckBox

Ich bin neu von WebForms zu MVC. Ich habe ein view-Modell-Feld mit dem Typ bool? und standardmäßig EditorFor() macht dieses Feld als eine DropDownList mit einem "Nicht Festgelegt" - option. Ich würde es vorziehen, um es darzustellen als eine CheckBox, wenn der Wert null ist, wird einfach nicht aktiviert.

Der name des Feldes ist RFP.DatesFlexible und so schrieb ich das folgende markup in meiner Ansicht:

<input type="checkbox" id="RFP_DatesFlexible" name="RFP.DatesFlexible" />
<label for="RFP_DatesFlexible">My Dates are Flexible</label>

Aber das funktioniert nicht. Das Ergebnis ist immer null und ModelState.IsValid ist falsch.

Kann mir jemand sagen, wie könnte ich diese Arbeit machen?

BEARBEITEN

Dies ist der code, den ich landete mit, die scheint gut zu funktionieren.

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

Das label ist korrekt verbunden mit der checkbox so, dass durch klicken auf den text, schalten Sie die checkbox.

  • Vielen Dank für die Antwort!
InformationsquelleAutor Jonathan Wood | 2011-12-13
  1. 5

    Sowas?

    Modelle:

    public class MyViewModel
{
    public ViewModel2 RDP { get; set; }
}

public class ViewModel2
{
    public bool? DatesFlexible { get; set; }
}

    Controller:

        public ActionResult TestBool()
    {
        return View(new MyViewModel { RDP = new ViewModel2() });
    }

    [HttpPost]
    public ActionResult TestBool(MyViewModel vm)
    {
        return View();
    }

    Anzeigen:

    @model mvc_testing_2.Models.MyViewModel

@using (Html.BeginForm())
{
    @Html.CheckBox("RDP.DatesFlexible", 
        Model.RDP.DatesFlexible != null && (bool)Model.RDP.DatesFlexible)

    <input type="submit" value="go" />
}
    • Das wird nicht funktionieren. Das erste argument ist ein Fehler, denn es kann nicht konvertieren bool? bool. Und wenn ich typecast es ein bool ist, bekomme ich eine Fehlermeldung, weil es keine Eigenschaft.
    • Okay, dann ändern Sie diese: @Html.CheckBox("DatesFlexible", Model.DatesFlexible != null && (bool)Model.DatesFlexible). Das funktioniert, habe es gerade getestet. (RFP ist eine Eigenschaft von einem anderen Modell? Modell.RFP.DatesFlexible? Wenn ja, werden Sie wahrscheinlich benötigen, um den Namen des input wie haben Sie es in Ihrer Frage, ich kann mich nicht erinnern, off-hand)
    • Das kompiliert--danke. Aber das Feld ist immer noch null wenn die Seite abgeschickt wird. Irgendwie, es ist nicht Kommissionierung bis, dass die Steuerung mit dem Feld verbunden. (Das Feld Modell.RFP.DatesFlexible.)
    • Hmm, scheint immer noch zu funktionieren für mich, wenn ich benennen Sie das Feld an RFP.DatesFlexible (und das Modell ändern.DatesFlexible von Modell zu Modell.RFP.DatesFlexible). Dumme Frage: haben Sie das Kontrollkästchen und Schaltfläche Absenden, verpackt in einem Formular?
    • Ja, ich habe ein Formular, und die anderen Werte werden wie erwartet gesetzt. Um zu klären, du sagst es wird posting wieder die Werte der Kontrollkästchen, wenn Sie testen? Ist dein Feld vom Typ bool??
    • Yep, keine Probleme. Ich bearbeitet meine Antwort, damit Ihr alle sehen könnt ist mein code. Überschrift jetzt ins Bett, also viel Glück. Ich werde prüfen, auf die Sie morgen 🙂
    • D ' Oh! Recht hast du. Ich hatte vergessen hinzuzufügen "RFP." zu Beginn des ersten string-argument. Das hat ihn zu korrigieren. Vielen Dank!

    InformationsquelleAutor hawkke
  2. 1

    Erste, ich denke, es würde helfen zu verstehen, wie Html.CheckBox funktioniert. Es ist nicht ganz das, was Sie erwarten würde. Werfen Sie einen Blick auf HTML-Code.CheckBox-Verhalten

    Ihre Frage zu beantworten, der Grund, warum der code nicht funktioniert, ist, weil Ihre <input /> erfordert eine value='true' zu binden, korrekt. Zum Beispiel:

    <input type='checkbox' name='RFP.DatesFlexible' value='true' />

    Und fügen Sie eine checked='checked' Eigenschaft, wenn es überprüft werden soll.

    Dass ist der Grund, warum ich in der Regel überschreiben die Html.CheckBoxMethode mit meinen eigenen. Die default-Implementierung ist einfach nur verwirrend.

    • Ja, das ist verwirrend. Ich habe bearbeitet Sie meine Frage zur Anzeige der aktuellen code landete ich mit. Ich war noch in der Lage zu verwenden, die @Html syntax, wie es bietet einige Vorteile. Und, sicher genug, wenn ich prüfen, das markup, es enthält das Attribut value='true'.
    • Dein code oben sieht perfekt aus, das ist genau das, was ich getan hätte.
    InformationsquelleAutor Scott Rippey
  3. 0

    Ich weiß, es ist markiert als angenommen, aber ich hatte das ähnliche problem, aber ich war der Iteration über sub-Elemente also, ich hatte problem mit dem name-parameter bool? isOpen

    Als ich dies Tat, Bindung an das ViewModel auf post, aber machte die dropdown:

    @Html.EditorFor(model => model.Days[i].isOpen)

    Dieser machte die checkbox, sondern Werte, in denen null-Werte in der post:

    @Html.EditorFor("isOpen", model.Days[i].isOpen ?? false)

    Durch betrachten des gerenderten html habe ich dies in der Ansicht, in welcher es gelöst:

    @Html.CheckBox("Days[" + i +"].isOpen", Model.Days[i].isOpen ?? false)

    Ich weiß, es ist weiß, es ist etwas quick n dirty, aber es funktionierte

    Hoffe, dies hilft jemand irgendwo.

    InformationsquelleAutor Tomas Hesse
Schreibe einen Kommentar