我的模型有一个布尔变量必须可为空
public bool? Foo
{
get;
set;
}
所以在我的Razor cshtml文件中，我有以下代码：
@Html.CheckBoxFor(m => m.Foo)
除了那个方法不起作用之外，使用(bool)强制转换也不行。如果我这样做
@Html.CheckBoxFor(m => m.Foo.Value)
这不会产生错误，但在提交时它不会绑定到我的模型，而foo被设置为null。最好的方法是在页面上显示Foo并使其在提交时绑定到我的模型？
我已经让它工作了
@Html.EditorFor(model => model.Foo)
然后在 Views/Shared/EditorTemplates 文件夹下新建一个名为 Boolean.cshtml 的文件，并添加以下内容：
@model bool?
@Html.CheckBox("", Model.GetValueOrDefault())
HasValue 的复选框，但没有针对实际布尔值创建复选框。这将创建一个选中的复选框，无论底层值是什么。如果可为空的值具有值，则始终为真。 - Siewers在类似问题中找到答案 - 将可空布尔渲染为复选框。 这非常简单，而且只需要起作用：
@Html.CheckBox("RFP.DatesFlexible", Model.RFP.DatesFlexible ?? false)
@Html.Label("RFP.DatesFlexible", "My Dates are Flexible")
和@afinkelstein的被采纳答案类似，只是我们不需要特殊的“编辑器模板”
nameof 或类似的方式来围绕 Model.RFP.DatesFlexible，而不是硬编码字符串，以从静态类型/智能感知/ReSharper重构等方面受益。 - Lovethenakedgun我在Model中有一个bool？IsDisabled{get;set;}。 在View中插入if语句。
<div class="inputClass" id="disabled">
<div>
@if(Model.IsDisabled==null)
{
Model.IsDisabled = false;
}
@Html.CheckBoxFor(model => model.IsDisabled.Value)
</div>
</div>
public class MyViewModel
{
public bool Foo { get; set; }
}
现在你需要将此视图模型传递给视图并生成相应的复选框。
不建议使用隐藏字段来复杂化原始代码以澄清False或Null。
复选框并不是你应该使用的东西——它实际上只有一种状态：已选中。否则，它可以是任何东西。
当你的数据库字段是可空布尔型 (bool?) 时，用户体验 (UX) 应该使用3个单选按钮，其中第一个按钮表示 "已选中"，第二个按钮表示 "未选中"，第三个按钮表示你的 null，无论 null 的语义是什么。你可以使用 <select><option> 下拉列表来节省空间，但用户需要点击两次，而且选择的选项不够即时清晰。
1 0 null
True False Not Set
Yes No Undecided
Male Female Unknown
On Off Not Detected
<div class="RBxxxx">，因此您可以使用CSS使单选按钮水平（display: inline-block），垂直或以表格方式显示（display: inline-block; width:100px;）。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());
}
}
对于我来说，解决方法是更改视图模型。考虑您正在搜索发票。这些发票可以支付或未支付。因此，您的搜索有三个选项：已付款，未付款或“不关心”。
我最初将其设置为bool？字段：
public bool? PaidInvoices { get; set; }
@Html.RadioButtonFor(m => m.PaidInvoices, PaidStatus.NotSpecified, new { @checked = true })
@Html.RadioButtonFor(m => m.PaidInvoices, PaidStatus.Yes)
@Html.RadioButtonFor(m => m.PaidInvoices, PaidStatus.No)
Create My template, which is basically a partial view I created in the EditorTemplates directory, under Shared, under Views name it as (for example): CheckboxTemplate:
@using System.Globalization
@using System.Web.Mvc.Html
@model bool?
@{
bool? myModel = false;
if (Model.HasValue)
{
myModel = Model.Value;
}
}
<input type="checkbox" checked="@(myModel)" name="@ViewData.TemplateInfo.HtmlFieldPrefix" value="True" style="width:20px;" />
Use it like this (in any view):
@Html.EditorFor(x => x.MyNullableBooleanCheckboxToBe, "CheckboxTemplate")
模板在MVC中非常强大，一定要使用它们。你可以将整个页面创建为一个模板，在使用@Html.EditorFor()时，只需通过lambda表达式传递视图模型即可。
Thats all.
HtmlHelper的可用扩展，同时仍然重用框架提供的功能。public static MvcHtmlString CheckBoxFor<T>(this HtmlHelper<T> htmlHelper, Expression<Func<T, bool?>> expression, IDictionary<string, object> htmlAttributes) {
ModelMetadata modelMeta = ModelMetadata.FromLambdaExpression(expression, htmlHelper.ViewData);
bool? value = (modelMeta.Model as bool?);
string name = ExpressionHelper.GetExpressionText(expression);
return htmlHelper.CheckBox(name, value ?? false, htmlAttributes);
}
我尝试了“塑形”表达式以允许直接通过原生CheckBoxFor<Expression<Func<T, bool>>>，但我认为这是不可能的。
public static MvcHtmlString CheckBoxFor<TModel>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, bool?>> expression, object htmlAttributes)，它非常有效。 - Pierre-Loup Pagniez复选框只提供了两个值（true，false）。可空布尔类型有3个值（true，false，null），因此使用复选框无法实现。
一个好的选择是使用下拉菜单。
模型
public bool? myValue;
public List<SelectListItem> valueList;
控制器
。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" });
查看
@Html.DropDownListFor(m => m.myValue, valueList)
我以前也遇到过类似的问题。
在HTML中创建一个复选框输入，并设置属性name="Foo"，这样应该可以正确提交。
<input type="checkbox" name="Foo" checked="@model.Foo.Value" /> Foo Checkbox<br />