ASP.NET Core Pager Setup

Shield UI Pager for ASP.NET Core is a server-side wrapper component implemented as an ASP.NET Core MVC Helper.

For a detailed guide how to setup Shield UI for your ASP.NET Core project, check out this page.

The ASP.NET Core MVC helper API is a 1:1 mapping of the JavaScript Pager widget configuration, so you only have to get familiar with a single set of configuration options:

// JavaScript Pager demo
$("#pager").shieldPager({
    pageSize: 1,
    pageLinksCount: 5,
    dataSource: {
        data: movies
    },
    events: {
        change: function (e) {
            populateContent(pager.dataSource.view);
        }
    }
});

// ASP.NET Core Pager demo
@(Html.ShieldPager()
    .Name("pager")
    .PageSize(1)
    .PageLinksCount(5)
    .DataSource(db => db.Data(@movies))
    .Events(eb => eb.Change(
        @
            function (e) {                        
                populateContent($("#pager").swidget().dataSource.view);
            }
        
    ))
)

To see the configuration options in action, please refer to our online demos.