Question

我正在使用MVC3 WebGrid控件来呈现实体列表。假设我有一个像索引一样的页面，用于呈现用户或项目，订单等的列表。所有这些主题都有一个名为ID的列。

WebGrid看起来很好，我唯一想要的是，一旦呈现列表，我想在所有其他列之前添加3个操作链接Edit，Delete，Detail。

添加以下代码有效，但我不想在所有页面中重复此代码：

@grid.GetHtml(columns: grid.Columns(
                grid.Column(header: "",
                   style: "text-align-center",
                       format: (item) => new
                        HtmlString(Html.ActionLink("Edit", "Edit", new { ID = item.ID     }).ToString() + " | " +
                                    Html.ActionLink("Details", "Details", new { ID = item.ID }).ToString() + " | " +
                                    Html.ActionLink("Delete", "Delete", new { ID = item.ID }).ToString()
                                   )
            ),
            grid.Column("FirstName"),
            grid.Column("LastName"),
            grid.Column("EmailAddress")
        )

基本上我想要的是说@ Grid.Render（Model）......它应该创建前3个动作链接，然后渲染模型的所有列。

我知道有JQuery网格和MVCContrib等，但它们不是唯一的选择。

任何评论和提示将不胜感激。

Answer 1

您可以为网格编写自定义扩展方法：

using System.Linq;
using System.Web;
using System.Web.Helpers;
using System.Web.Mvc;
using System.Web.Mvc.Html;

public static class WebGridExtensions
{
    public static IHtmlString MyGetHtml(this WebGrid grid, HtmlHelper html)
    {
        var columns =
            (from n in grid.ColumnNames
             select new WebGridColumn { ColumnName = n, CanSort = true }
             ).ToList<WebGridColumn>();
        columns.Insert(0, grid.Links(html));
        return grid.GetHtml(columns: columns, exclusions: new[] { "ID" });
    }

    public static WebGridColumn Links(this WebGrid grid, HtmlHelper html)
    {
        return grid.Column(
            header: "",
            style: "text-align-center",
            format: item => new HtmlString(
                html.ActionLink("Edit", "Edit", new { ID = item.ID }).ToString() + " | " +
                html.ActionLink("Details", "Details", new { ID = item.ID }).ToString() + " | " +
                html.ActionLink("Delete", "Delete", new { ID = item.ID }).ToString()
            )
        );
    }
}

然后使用它：

@model IEnumerable<MyViewModel>
@{
    var grid = new WebGrid(Model);
}
@grid.MyGetHtml(Html)

或者如果您想控制其他列的构建：

@grid.GetHtml(
    columns: grid.Columns(
        grid.Links(Html),
        grid.Column("FirstName"),
        grid.Column("LastName"),
        grid.Column("EmailAddress")
    )
)

MVC3 Web Grid在列列表的开头添加操作链接

1 个答案: