Rendering Nullable Bool come CheckBox

Question

Sono nuovo da WebForms a MVC. Ho campo di modello di vista con il tipo bool? e, per impostazione predefinita, EditorFor() esegue il rendering di questo campo come DropDownList con l'opzione "Non impostato". Preferirei renderlo come CheckBox e, se il valore è nullo, impostalo su deselezionato.

Il nome del campo è RFP.DatesFlexible e così ho scritto il seguente markup a mio avviso:

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

Ma questo non funziona. Il risultato è sempre nullo e ModelState.IsValid è falso.

Qualcuno può dire come potrei fare questo lavoro?

EDIT

Questo è il codice ho finito con, che sembra funzionare bene.

L'etichetta è associata correttamente alla casella di controllo in modo che facendo clic sul testo si alternerà la casella di controllo.

Answer 1

Qualcosa di simile?

Modelli:

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

Vista:

@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" /> 
} 

Answer 2

In primo luogo, penso che aiuterebbe a capire come funziona Html.CheckBox. Non è proprio quello che ti aspetteresti. Date un'occhiata a HTML.CheckBox Behaviour

Per rispondere alla tua domanda, il motivo per il codice non funziona è perché il vostro <input /> richiede un value='true' di legare in modo corretto. Per esempio:

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

E aggiungere una proprietà checked='checked' se deve essere controllato.

Ecco perché di solito sovrascrivo il metodo Html.CheckBox con il mio. L'implementazione predefinita è solo confusa.

Answer 3

So che è contrassegnato come accettato, ma ho avuto il problema simile ma stavo iterando su voci secondarie quindi ho avuto problemi con il parametro name bool?isOpen

Quando ho usato questo è lo legano al ViewModel il post, ma rese la discesa:

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

Questo ha reso la casella di controllo, ma i valori in cui nulla nel post:

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

Osservando all'html reso ho fatto questo nella vista che lo ha risolto:

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

So che è so che è un po 'veloce e sporco ma ha funzionato

Spero che questo aiuti qualcuno da qualche parte.