MVC 3 Webgrid 专栏答案

【问题标题】：MVC 3 Webgrid ColumnMVC 3 Webgrid 专栏
【发布时间】：2011-06-14 02:57:23
【问题描述】：

我目前正在开发一个 MVC 3 webgrid，在我希望有一个按钮的列中，我在将以下代码放入视图时实现了这一点。

@grid.GetHtml(columns:
            grid.Columns(
            grid.Column("ID", "id", canSort: true),
            grid.Column("Surname", "surname", canSort: true),
            grid.Column("Forenames", "forename", canSort: true),
            grid.Column(format: @<input type="button" value="View"/>)),
            headerStyle: "header",
            alternatingRowStyle: "alt",
            htmlAttributes: new { id = "DataTable" }
            )

但是，我希望创建网格服务器端以进行分页，但是当我将下面的代码放入操作中时，按钮列出现错误。

var htmlString = grid.GetHtml(tableStyle: "webGrid",
                                          headerStyle: "header",
                                          alternatingRowStyle: "alt",
                                          htmlAttributes: new { id = "DataTable" },
                                          columns: grid.Columns(
                                                grid.Column("ID", "id", canSort: true),
                                                grid.Column("Surname", "surname", canSort: true),
                                                grid.Column("Forenames", "forename", canSort: true),      
                                                grid.Column(format: @<input type='button' value='View'/>)                                                                          
                                           ));

第一个错误是“在逐字说明符之后需要关键字、标识符或字符串：@”。

我是否在按钮列上使用了不正确的格式？

【问题讨论】：

标签： asp.net-mvc webgrid

【解决方案1】：

你可以试试<text>这样的剃须刀标签；

grid.Column(format: @<text><input type='button' value='View'/></text>)

【讨论】：

【解决方案2】：

您似乎正在尝试在代码隐藏中使用 Razor 语法。尝试这样的事情，使用 lambda 表达式...

gridColumn.Format = (item) =>
{
    return new HtmlString("<input type='button' value='View'/>");
}

【讨论】：

差不多，是 grid.Column(format: (item) => {return new HtmlString("");}) 谢谢。