Wie handle paging-Anforderung ASP.NET MVC Razor View Engine

Können Sie einen Blick auf die folgende Artikel. Oder mit MvcContrib Grid. Oder sogar es manuell zu tun.

InformationsquelleAutor Darin Dimitrov

Seit https://github.com/TroyGoode/PagedList nicht mehr aufrechterhalten werden, schlage ich vor, dass Sie versuchen https://github.com/kpi-ua/X.PagedList das ist eine Gabel, das gleiche Projekt, aber mit dem wesentlichen Unterschied, dass X. PagedList ist die portable Montage. Es bedeutet, dass Sie können es verwenden, nicht nur bei Web-Projekten, aber auch in Winforms, Windows Phone, Silverlight und etc. Projekte."

Installieren Sie Nuget-Paket-Manager-Konsole diesen Befehl ausführen

PM> Install-Package X.PagedList.Mvc 

WICHTIG: Ausführung des vorherigen Befehls wird versuchen Sie zum installieren von JQuery 2.0 und andere Abhängigkeiten build von microsoft

Und befolgen Sie die genannten Schritte auf
https://github.com/kpi-ua/X.PagedList

/Controller/ProductController.cs

public class ProductController : Controller
{
    public object Index(int? page)
    {
        var products = MyProductDataSource.FindAllProducts(); //returns IQueryable<Product> representing an unknown number of products. a thousand maybe?

        var pageNumber = page ?? 1; //if no page was specified in the querystring, default to the first page (1)
        var onePageOfProducts = products.ToPagedList(pageNumber, 25); //will only contain 25 products max because of the pageSize

        ViewBag.OnePageOfProducts = onePageOfProducts;
        return View();
    }
}

/Views/Products/Index.cshtml

@{
    ViewBag.Title = "Product Listing"
}
@using PagedList.Mvc; //import this so we get our HTML Helper
@using PagedList; //import this so we can cast our list to IPagedList (only necessary because ViewBag is dynamic)

<!-- import the included stylesheet for some (very basic) default styling -->
<link href="/Content/PagedList.css" rel="stylesheet" type="text/css" />

<!-- loop through each of your products and display it however you want. we're just printing the name here -->
<h2>List of Products</h2>
<ul>
    @foreach(var product in ViewBag.OnePageOfProducts){
        <li>@product.Name</li>
    }
</ul>

<!-- output a paging control that lets the user navigation to the previous page, next page, etc -->
@Html.PagedListPager( (IPagedList)ViewBag.OnePageOfProducts, page => Url.Action("Index", new { page }) )

Andere, noch funktionierende links enthalten:

http://www.asp.net/mvc/overview/getting-started/getting-started-with-ef-using-mvc/sorting-filtering-and-paging-with-the-entity-framework-in-an-asp-net-mvc-application

http://blogs.taiga.nl/martijn/2008/08/27/paging-with-aspnet-mvc/

InformationsquelleAutor Mauricio Gracia Gutierrez

Wenn Sie möchten, erstellen Sie paging auf Razor-Ansicht, hier ist der funktionierende code für, die.

<nav aria-label="Page navigation example">
    @{
        int currentPage = ViewBag.Page;
        int staticRange = 11;
        int NoOfPage = 50;
        int Range = staticRange;
        int Start = 1;
        int End = staticRange;
        int Reminder = 0;
        int Divdent = 0;

        if (currentPage >= (Range - 1))
        {
            Reminder = currentPage % 10;
            Divdent = currentPage / 10;

            Start = (Divdent * staticRange) - Divdent;
            Range = Start + staticRange;
            End = Range;
        }
        else
        {
            Range = staticRange;
            Start = 1;
        }

        if (Range >= NoOfPage)
        {
            Range = NoOfPage;
            End = Range;

        }
        if (currentPage == NoOfPage)
        {
            Start = NoOfPage - staticRange +1;

        }
        <div>
            currentPage: @currentPage<br />
            NoOfPage:@NoOfPage <br />
            Range: @Range<br />
            Start:@Start<br />
            End:@End<br />
            Reminder:@Reminder<br />
            Divdent:@Divdent
        </div>
        <ul class="pagination">
            @{
                if (currentPage == 1)
                {
                    <li class="page-item"><a class="page-link disabled" href="javascript:void(0)">Previous</a></li>
                }
                else
                {
                    <li class="page-item"><a class="page-link" href="@Url.Action("About","Home",new {page=(currentPage>0)?currentPage-1:0 })">Previous</a></li>
                }
            }

            @{

                if (Range > staticRange)
                {

                    <li class="page-item"><a class="page-link" href="@Url.Action("About","Home",new {page=Start-1 })">...</a></li>
                }
                for (int i = Start; i < End; i++)
                {
                    <li class="page-item @(i==currentPage?"active":"")"><a class="page-link" href="@Url.Action("About","Home",new {page=i })">@i</a></li>

                    if ((i == (Range - 1)) && Range < NoOfPage)
                    {

                        <li class="page-item"><a class="page-link" href="@Url.Action("About","Home",new {page=End })">...</a></li>
                    }
                }
                <li class="page-item @(NoOfPage==currentPage?"active":"")"><a class="page-link" href="@Url.Action("About","Home",new {page=NoOfPage })">@NoOfPage</a></li>
            }

            @{
                if (currentPage < NoOfPage)
                {
                    <li class="page-item"><a class="page-link" href="@Url.Action("About","Home",new {page=currentPage+1 })">Next</a></li>
                }
                else
                {
                    <li class="page-item"><a class="page-link disabled" href="javascript:void(0)">Next</a></li>
                }
            }

        </ul>
    }
</nav>

InformationsquelleAutor Satish Singh