mvc bind/post booléen à radiobutton

J'ai une colonne dans mon Modèle avec un NULLABLE valeur booléenne. Maintenant mon point de Vue (pour l'édition), je voudrais lier à deux composants radiobutton: Oui & Pas. Si la valeur est null, ce sont juste les deux case d'option non cochée. Comment irais-je faire?

Grâce.

OriginalL'auteur Xuan Vu | 2010-05-06

  1. 22

    Une fois que vous avez sélectionné un bouton radio, il n'y a vraiment aucun moyen de le désélectionner (en tant qu'utilisateur). Je suggère que si vous avez vraiment besoin d'un trois-évalués résultat, que vous avez trois boutons radio -- Oui, Non, Ne m'en soucie pas.

    <%= Html.LabelFor( m => m.Foo ) %>
<%= Html.RadioButtonFor( m => m.Foo, "true" ) %> Yes
<%= Html.RadioButtonFor( m => m.Foo, "false" ) %> No
<%= Html.RadioButtonFor( m => m.Foo, string.Empty ) %> Don't Care
<%= Html.ValidationMessageFor( m => m.Foo ) %>
    Merci 🙂 j'ai Oublié mes question jusqu'à aujourd'hui, Html.RadioButtonFor résolu le problème.
    Je suis venu avec la même solution, mais de toute façon si Foo est null la Don't care radio n'est pas cochée...des idées pourquoi?
    Je ne suis pas sûr. Il utilise Convertir.ToString() sur le modèle de la propriété (et la valeur). Si le bool? est null qui devraient se convertir à string.Empty et le bouton doit être vérifié.
    Yeap. il n'est pas. J'ai une condition qui vérifie si la valeur est nulle et dans ce cas s'applique html l'attribut checked="checked" pour le dernier bouton radio. Il ne fonctionne pas autrement...
    Même si ce qui va permettre la sélection d'une nouvelle valeur, RadioButtonFor() pas sélectionner les valeurs actuelles de la variable liée. Il doit définir les checked attribut conditionnelle. De ce fait, il ne devrait pas être accepté de répondre. Désolé.

    OriginalL'auteur tvanfosson

  2. 3

    L'utilisation de plusieurs Html.RadioButtonFor (m => m.Foo, "true") semble générer du code HTML non valide, car il génère des contrôles à l'identique Id:

    <input **id="Foo"** ... type="radio" value="True">
<input **id="Foo"** ... type="radio" value="False">

    J'ai résolu ce problème en rendant les boutons de la radio directement dans le html:

    <input type="radio" name="Foo" value="true" id="Foo_True"
       <%:Html.WriteCheckedIfTrue(Model.Foo.HasValue && Model.Foo.Value)%>/>
       <label for="Foo_True">Yes</label><br/>

<input type="radio" name="Foo" value="false" id="Foo_False" 
       <%:Html.WriteCheckedIfTrue(Model.Foo.HasValue && !Model.Foo.Value)%>/> 
       <label for="Foo_False">No</label><br/>

<input type="radio" name="Foo" value="" id="Foo_Null" 
       <%:Html.WriteCheckedIfTrue(!Model.Foo.HasValue)%>/> 
       <label for="Foo_Null">Don't Care</label>

    assurez-vous de nommer les boutons de la radio selon la utilisée viewmodel, par exemple: Modèle.Le filtre.HasImage est nommé: le Filtre.HasImage de travailler avec le modèle de liaison

    Le "helper html" ressemble à ceci:

        public static MvcHtmlString WriteCheckedIfTrue(this HtmlHelper htmlHelper, 
                                                   bool validation)
    {
        if(validation)
            return new MvcHtmlString("checked=\"checked\"");

        return new MvcHtmlString(string.Empty);
    }
    Notez que vous pouvez simplement remplacer l'ID que les aides à générer.

    OriginalL'auteur Henrik Stenbæk

  3. 3

    Je peux sur ce post en retard, mais ici c'est ma solution qui s'occupe de la définition des valeurs. Cela utilisé un Éditeur de modèle. Vous devez spécifier l'Éditeur du nom de modèle. J'ai appelé le mien "NullableBool'

    @model bool?

@{

Layout = null;

IDictionary<string, object> yesAttributes = new Dictionary<string, object>();
IDictionary<string, object> noAttributes = new Dictionary<string, object>();
IDictionary<string, object> naAttributes = new Dictionary<string, object>();

if (Model.HasValue)
{
    if (Model.Value)
    {
        yesAttributes.Add("checked", "checked");
    }
    else
    {
        noAttributes.Add("checked", "checked");
    }
}
else
{
    naAttributes.Add("checked", "checked");
}
}

@Html.RadioButtonFor(m => m, "true", yesAttributes) Yes`

@Html.RadioButtonFor(m => m, "false", noAttributes) No`

@Html.RadioButtonFor(m => m, string.Empty, naAttributes) N/A`

    OriginalL'auteur user1971084

  4. 1

    C'est un rasoir solution au problème. C'est un très vieux ASP question.

    Le problème est que vous devez définir la checked attribut parce que le Html.RadioButtonFor ne vérifie pas un bouton radio basée sur une nullable bool (qui semble être un défaut).

    Aussi en mettant les boutons de la radio à l'intérieur de la balise d'étiquette, vous pouvez sélectionner une valeur en cliquant sur l'étiquette.

    Partagé/EditorTemplates/Boolean.cshtml

    @model bool?
<label>
    <span>n/a</span>
    @Html.RadioButtonFor(x => x, "", !Model.HasValue ? new { @checked=true } : null) 
</label>
<label>
    <span>Yes</span>
    @Html.RadioButtonFor(x => x, true, Model.GetValueOrDefault() ? new { @checked = true } : null)
</label>
<label>
    <span>No</span>
    @Html.RadioButtonFor(x => x, false, Model.HasValue && !Model.Value ? new { @checked = true } : null)
</label>

    OriginalL'auteur Canvas