Anzeige der Zeilennummer in der MVC-WebGrid

Ich möchte eine Spalte als row number im MVC-WebGrid. Wie kann ich es tun?

InformationsquelleAutor M.Azad | 2012-08-20

  1. 9

    Könnten Sie ein view-model mit einer Eigenschaft, die angibt, die Nummer der Zeile.

    Nehmen wir an, Sie haben folgende domain Modell:

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

    Nun erstellen Sie ein view-Modell, entsprechend der Anforderungen Ihrer Ansicht:

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

    dann:

    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);
}

    Nun Ihre Ansicht wird stark typisiert zu der Ansicht, Modell:

    @model IEnumerable<MyViewModel>

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

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

    Nun nehmen wir an, dass für einige dumme Grund, die Sie nicht verwenden möchten Modelle ansehen. In diesem Fall könnten Sie schalten Sie Ihre anzeigen in spaghetti-code, wenn Sie es vorziehen:

    @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)
    )
)
    Wie kann ich dieses feature hinzufügen zu WebGrid?
    Darin, Wie würden Sie einen index erstellen, der verwendet werden könnte, mit mehreren IEnumerable-Listen? Sehen Sie bitte meine Frage Index für mehrere Listen vielen Dank

    InformationsquelleAutor Darin Dimitrov

  2. 11

    Das ist ein wirklich netter Ansatz, aber wenn Sie Sortieren oder paging-Ihre RowNumber - Werte nicht beginnen, von 1 auf der Seite.

    In meinem Projekt hatte ich einen Fall, wo ich wissen musste, um einen index der Zeile, unabhängig von WebGrid ist paging /sorting und ich auf folgende Lösung gestoßen:

    grid.Column(
    Header: "RowNumber",
    Format: item => item.WebGrid.Rows.IndexOf(item) + 1
)
    wenn wir auf Seite n(n>1) raster, und wir taked nur, pagesize von Daten, das nicht korrekt anzeigen der Zeilennummer
    gibt es offizielle Dokument?
    Ich fand keine offizielle docs. Ich denke, die einzige Quelle der Wahrheit ist hier WebGrid-source code

    InformationsquelleAutor takemyoxygen

  3. 5

    fügen Sie einfach den folgenden code

    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)

    Überprüfen Sie diesen link für mehr info

    hoffe, dass dies hilfreich sein, jemand

    InformationsquelleAutor mathewtinuthomas

  4. 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++;
}
}

    Versuchen, diese

    InformationsquelleAutor Jameel

  5. -1

    Hinzufügen:

    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)

    InformationsquelleAutor Snehlata Shaw

Schreibe einen Kommentar