Comment faire pour afficher le numéro de ligne dans MVC WebGrid

Je veux avoir une colonne comme row number MVC WebGrid. Comment puis-je le faire?

OriginalL'auteur M.Azad | 2012-08-20

  1. 9

    Vous pouvez utiliser un modèle d'affichage qui contient une propriété indiquant le numéro de ligne.

    Supposons que vous avez un modèle de domaine:

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

    Maintenant vous construire un modèle de lecture qui va correspondre aux exigences de votre point de vue:

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

    et puis:

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

    Maintenant votre vue devient fortement typée pour le modèle de vue bien sûr:

    @model IEnumerable<MyViewModel>

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

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

    Maintenant, supposons que, pour certains idiot vous ne souhaitez pas utiliser les modèles de vue. Dans ce cas, vous pourriez faire de votre point de vue en spaghetti code si vous préférez:

    @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)
    )
)
    Comment puis-je ajouter cette fonctionnalité à WebGrid?
    Darin Comment voulez-vous créer un index qui peut être utilisé avec plusieurs IEnumerable listes? Veuillez voir ma question Indice pour plusieurs listes Merci

    OriginalL'auteur Darin Dimitrov

  2. 11

    C'est vraiment une très bonne approche, mais lorsque vous utilisez le tri ou la pagination de votre RowNumber valeurs ne démarre pas à partir de 1 sur la page.

    Dans mon projet, j'ai eu un cas où j'ai besoin de savoir un indice de la ligne, indépendamment de WebGrid d'échange /de tri et je suis tombé sur la solution suivante:

    grid.Column(
    Header: "RowNumber",
    Format: item => item.WebGrid.Rows.IndexOf(item) + 1
)
    si nous sommes sur la page n(n>1) de la grille, et nous parlent seulement, pagesize de données, ce qui ne présentent pas de corriger le numéro de ligne
    est-il document officiel?
    Je n'ai pas trouvé officiel de docs sur le sujet. Je suppose que la seule source de la vérité est ici WebGrid code source

    OriginalL'auteur takemyoxygen

  3. 5

    il suffit d'ajouter le code suivant

    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)

    Suivez ce lien pour plus d'info

    espère que ce sera utile à quelqu'un

    OriginalL'auteur 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++;
}
}

    Essayer cette

    OriginalL'auteur Jameel

  5. -1

    Ajouter ceci:

    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)

    OriginalL'auteur Snehlata Shaw