4

我想row number在 MVC WebGrid 中有一个列。我该怎么做？

4

5 回答 5

11

这是一个非常好的方法，但是当您使用排序或分页时，您的RowNumber值不会从页面上的 1 开始。

在我的项目中，我有一个案例，我需要独立于 WebGrid 的分页/排序知道行的索引，我遇到了以下解决方案：

grid.Column(
    Header: "RowNumber",
    Format: item => item.WebGrid.Rows.IndexOf(item) + 1
)
于 2013-01-09T08:48:36.110 回答
9

您可以使用包含指示行号的属性的视图模型。

假设您有以下域模型：

public class DomainModel
{
    public string Foo { get; set; }
}

现在您构建了一个与您的视图要求相对应的视图模型：

public class MyViewModel
{
    public int RowNumber { get; set; }
    public string Foo { get; set; }
}

接着：

public ActionResult Index()
{
    // fetch the domain model from somewhere
    var domain = Enumerable.Range(1, 5).Select(x => new DomainModel
    {
        Foo = "foo " + x
    });

    // now build the view model
    // TODO: use AutoMapper to perform this mapping
    var model = domain.Select((element, index) => new MyViewModel
    {
        RowNumber = index + 1,
        Foo = element.Foo
    });

    return View(model);
}

现在，您的视图当然变成了视图模型的强类型：

@model IEnumerable<MyViewModel>

@{
    var grid = new WebGrid(Model);
}

@grid.GetHtml(
    columns: grid.Columns(
        grid.Column("RowNumber"),
        grid.Column("Foo")
    )
)

现在让我们假设出于某种愚蠢的原因您不想使用视图模型。在这种情况下，如果您愿意，可以将您的视图变成意大利面条式代码：

@model IEnumerable<DomainModel>

@{
    var grid = new WebGrid(Model.Select((element, index) => new { element, index }));
}

@grid.GetHtml(
    columns: grid.Columns(
        grid.Column("RowNumber", format: item => item.index + 1),
        grid.Column("Foo", format: item => item.element.Foo)
    )
)
于 2012-08-20T08:35:10.950 回答
6

只需添加以下代码

grid.Column(header: "No."
,format: item => item.WebGrid.Rows.IndexOf(item) + 1 
          + Math.Round(Convert.ToDouble(grid.TotalRowCount / grid.PageCount) / grid.RowsPerPage) 
            * grid.RowsPerPage * grid.PageIndex)

检查此链接以获取更多信息

希望这对某人有帮助

于 2014-09-04T14:58:14.603 回答
4 
    @{
    int i=0;
foreach (var item in Model) {
    <tr>
    <td>
    @i
    </td>
        <td>
            @Html.DisplayFor(modelItem => item.Expense)
        </td>
        <td>
            @Html.ActionLink("Edit", "Edit", new { id=item.Id }) |
            @Html.ActionLink("Delete", "Delete", new { id = item.Id }, new { onclick = "return confirm('Are you sure you wish to delete this record?');" })

        </td>
    </tr>
    i++;
}
}

尝试这个

于 2012-08-20T09:29:36.657 回答
-1

添加这个：

grid.Column(header: "No.",
        format: item => item.WebGrid.Rows.IndexOf(item) + 1 + Math.Round(Convert.ToDouble(grid.TotalRowCount / grid.PageCount) / grid.RowsPerPage) * grid.RowsPerPage * grid.PageIndex)
于 2016-09-01T12:56:59.223 回答