How to make a MVC 3 Webgrid with checkbox column?

Question

下面的代码将一个动作链接插入到网络网格的列之一。

    @{
    View.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";

    var usersGrid = new WebGrid(source: Model,
        rowsPerPage: 40);
}
@usersGrid.GetHtml(
        tableStyle: "grid",
        headerStyle: "head",
        alternatingRowStyle: "alt",
                columns: usersGrid.Columns(
                    usersGrid.Column(format: (item) => 
                         Html.ActionLink("Edit", "Edit", new { id = item.Id})),
                    usersGrid.Column("Surname")
        )
    )

但是如果我把那条线换成这个：

                usersGrid.Column(format: (item) => Html.CheckBox(item.Id)),

我得到这个错误：

Error 4 最好的重载方法 匹配 'System.Web.Helpers.WebGrid.Column（字符串， 字符串，System.Func， string, bool)' 有一些无效的 争论。

我不太明白两者之间的区别..为什么一个有效而另一个错误？

最终目标是能够勾选多个复选框，然后发送打印他们的信息。

Answer 1

这最终对我有用。

usersGrid.Column(header: "Print?", format: @<text><input name="Prints" 
      type="checkbox" value="@item.ID" /></text>),

要感谢 Nick Harris，答案可以在他的博客评论中找到： http://www.nickharris.net/2010/10/a-first-look-at-the-asp-net-mvc-3-webgrid/

Answer 2

这对我有用：

grid.Column("SiparisNo", "Seç", format: (item) => Html.CheckBox(String.Format("Secili_{0}", (int)item.SiparisNo), false, new { @style = "width:60px;" }))

Answer 3

你必须小心使用扩展方法（Html.*）和动态（项目）......它在 csharp 中效果不佳。当您执行新的 {} 投影或调用 ToString 时，它不再是动态的。或者，您可以投射： (object)item.Id.

Answer 4

usersGrid.Column(format: (item) => Html.CheckBox((string)item.Id)), 

这应该有效

Answer 5

最简单的方法：

usersGrid.Column(format: (item) => Html.CheckBox("Id"))

Answer 6

发生此错误是因为 CheckBox 调用未返回与 ActionLink 返回的数据类型相同的数据类型。

这就是你要做的。使用相同的参数对操作链接调用和复选框调用执行消息框调用，在函数调用 TypeName() 中敲击每个，并将结果显示在消息框中供您查看。另外，在两者中也做一个 .ToString，现在，看看结果，它应该告诉你返回的数据类型之间是否存在差异，如果可以的话，发布结果，我可以告诉你更多。让我知道。

Answer 7

经过大力搜索，我找到了一个最佳解决方案，如果您发现难以使用 HTML 帮助器，可以使用此逻辑代替。

grid.Column(header: "", format: @<text><input name="chkBox" type="checkbox" value="@item.Id" @(item.Id == false ? null : "checked") /></text>)

Answer 8

grid.Column("ID", "Select", format: (item) => Html.CheckBox((string)item.ID, false, new { @style = "width:60px;" }), canSort: false )

这很完美。

Answer 9

试试这个

new HtmlString(usersGrid.Column(format: (item) => Html.CheckBox(item.Id)).ToString()),

代替

usersGrid.Column(format: (item) => Html.CheckBox(item.Id)),

Answer 10

**

@{
  var grid = new WebGrid(source: Model.ToList(), canPage: true, canSort: true);
  grid.Pager (WebGridPagerModes.All);
}

**

<div id="g1">
    @grid.GetHtml(

    columns:grid.Columns
    (grid.Column(columnName:"paymentno",header:"PAYMENT NO"),

    grid.Column(columnName:"mname",header:"NAME"),

    grid.Column(columnName:"pamt",header:"AMOUNT"),

    grid.Column(header: "Header", format: @<text><input name="HasFormgivaren" type="checkbox" 
        value="@item.checkresult" @(item.checkresult == "True" ? "Checked" : null) /></text>)
    )
    )
</div>