MVC 将布尔值绑定/发布到单选按钮

Question

我的模型中有一个列具有 NULLABLE 布尔值。现在在我的视图（用于编辑）上，我想将其绑定到两个单选按钮：是和；否。如果该值为 null，则只需取消选中这两个单选按钮即可。我该怎么做呢？

谢谢。

Answer 1

一旦您选择了单选按钮，就无法取消选择它（作为用户）。我建议，如果您确实需要一个三值结果，那么您可以使用三个单选按钮 - 是、否、不关心。

<%= 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 ) %>

Answer 2

我可以稍后阅读这篇文章，但是这是我的解决方案，它也可以处理设置值。这使用了编辑器模板。您将需要指定编辑器模板名称。我将我的命名为“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`

Answer 3

使用多个 Html.RadioButtonFor (m => m.Foo, "true") 似乎会生成无效的 HTML，因为它生成具有相同 ID 的控件：

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

我已经通过直接在 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>

请确保根据使用的视图模型命名单选按钮，例如： Model.Filter.HasImage 被命名为： Filter.HasImage 以与模型绑定一起使用

“html helper”如下所示：

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

        return new MvcHtmlString(string.Empty);
    }

Answer 4

这是解决问题的捷径。这是一个非常古老的 ASP 问题。

问题是您需要设置 checked 属性，因为 Html.RadioButtonFor 不会检查基于可为空布尔值的单选按钮（这似乎是一个缺陷）。

另外，通过将单选按钮放在标签标记内，您可以通过单击标签来选择值。

共享/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>