asp.net core|ASP.NET MVC分页问题解决方法

更新时间:2021-05-30    来源:ASP.NET MVC    手机版     字体:

【www.bbyears.com--ASP.NET MVC】

在使用Ajax.Pager进行分页的时候需要注意一下几个方面:

  1、一定要引入jquery.unobtrusive-ajax.min.js这个js;

  2、一定要在页面中使用注册分页器,注册方法:@{Html.RegisterMvcPagerScriptResource();};

具体的使用方法示例:

 

 代码如下

  

    @{

      PagerConfig pagerConfig = new PagerConfig("pageIndex", "pageIndexBox", "goToBtn");

      PagerOptions options = pagerConfig.GetPagerOption();

    }

    @Ajax.Pager(Model, options).AjaxOptions(a => a.SetUpdateTargetId("articles").SetHttpMethod("Post").SetDataFormId("searchView"))

  

  

    

      

      跳转

    

  

 

其中Model是IpagedList对象,获取PagerOptions的方法如下:

 

 代码如下

///

    /// 翻页配置项

    ///

    ///

    publicPagerOptions GetPagerOption()

    {

      PagerOptions options =newPagerOptions

      {

        AutoHide =false,

        FirstPageText ="首页",

        LastPageText ="尾页",

        NextPageText ="下一页",

        PrevPageText ="上一页",

        PageIndexParameterName =this._pageIndexParaName,

        ContainerTagName ="ul",

        CssClass ="pagination",

        CurrentPagerItemTemplate ="

  • {0}",

            DisabledPagerItemTemplate ="

  • {0}",

            PagerItemTemplate ="{0}",

            PageIndexBoxId =this._pageIndexBoxId,

            GoToButtonId =this._goToButtonId,

            NumericPagerItemCount = 5

          };

     

          returnoptions;

        }

     

    本文来源:http://www.bbyears.com/asp/120669.html