ASP.NET MVC分页问题解决

<div class="row" style="position: relative; left: 30%">

  <div class="col-md-8" style="width: auto">

    @{

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

      PagerOptions options = pagerConfig.GetPagerOption();

    }

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

  </div>

  <div class="col-md-4">

    <div class="input-group" style="width: 120px; margin: 20px 0">

      <input type="text" id="pageIndexBox" class="form-control" />

      <span class="input-group-btn"><button class="btn btn-primary" id="goToBtn">跳转</button></span>

    </div>

  </div>

</div>

/// <summary>

    /// 翻页配置项

    /// </summary>

    /// <returns></returns>

    public PagerOptions GetPagerOption()

    {

      PagerOptions options = new PagerOptions

      {

        AutoHide = false,

        FirstPageText = "首页",

        LastPageText = "尾页",

        NextPageText = "下一页",

        PrevPageText = "上一页",

        PageIndexParameterName = this._pageIndexParaName,

        ContainerTagName = "ul",

        CssClass = "pagination",

        CurrentPagerItemTemplate = "<li class=\"active\"><a href=\"#\">{0}</a></li>",

        DisabledPagerItemTemplate = "<li class=\"disabled\"><a>{0}</a></li>",

        PagerItemTemplate = "<li>{0}</li>",

        PageIndexBoxId = this._pageIndexBoxId,

        GoToButtonId = this._goToButtonId,

        NumericPagerItemCount = 5

      };

 

      return options;

    }