在 Webgrid 中将布尔值显示为复选框答案

【问题标题】：Displaying a boolean as a checkbox within a Webgrid在 Webgrid 中将布尔值显示为复选框
【发布时间】：2012-05-25 06:13:13
【问题描述】：

我正在尝试使用 Webgrid，我可以让数据显示，但布尔值是我遇到问题的地方。我只想显示一个具有我的布尔值的复选框。我已经能够在网格中获得一个复选框，但它是可编辑的，并且没有正确显示值。

grid.GetHtml(tableStyle: "table", alternatingRowStyle: "alternate", headerStyle: "header",
columns: grid.Columns(grid.Column(columnName: "string1", header: "String1", format: @<text>@item.string1</text>),
grid.Column(columnName: "bool1", header: "bool1", format: bool1? </text>),

如果有人以前这样做过，并且可以阐明如何正确地将布尔值显示为复选框，那将不胜感激！

【问题讨论】：

标签： asp.net-mvc asp.net-mvc-3 razor checkbox webgrid

【解决方案1】：

对 bool 列试试这个：

grid.Column(columnName: "bool1", 
    header: "bool1", 
    format: (item) => @Html.Raw("<input type='checkbox' " + ((item.bool1==true) ? "checked" : "") + " disabled='disabled' />")
)

【讨论】：

这确实显示了一个复选框，但由于某种原因它没有正确显示该值。我已经像你展示的那样设置它，并且还尝试将 true 和 false 硬编码为值，但它是否显示已选中仍然没有变化。不确定为什么该值不起作用！
@RicketyBowby 啊抱歉，我的错误。该属性实际上需要checked=checked，而不是checked=true。请看我上面的更新。
是的，会的。谢谢也刚刚发现这也适用格式：@)

【解决方案2】：

以下是 mvc5 中复选框的工作代码。

grid.column("Active", header: "Assign",
  @if (@item.Active){<input type="checkbox" checked="checked"  spellcheck="true"/>}
  else{<input type="checkbox"  spellcheck="true" />} </text>)

【讨论】：