ASP.NET MVC分页问题解决方法

作者：袖梨 2022-06-25

在使用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;

        }

     

    相关文章

    精彩推荐