MvcPager 페이지 컨트롤 사용 주의사항

MVC 를 처음 배 웠 습 니 다.단일 페이지 응용 을 했 습 니 다.여러 페이지 를 표시 해 야 하고 업데이트 가 새로 고침 되 지 않 았 습 니 다.
MvcPager 컨트롤 을 찾 았 습 니 다.아주 좋 습 니 다.ajax 를 사용 하 는 과정 에서 많은 문제 가 발생 했 습 니 다.천천히 디 버 깅 하고 양 선생님(MvcPaegr 작가)에 게 가르침 을 청 하면 모두 해결 된다.
우선 NuGet 가방 을 추가 합 니 다.MvcPager 를 검색 하면 찾 을 수 있 습 니 다.
컨트롤 러 엔 드 참조
using Webdiyer.WebControls.Mvc;
백 엔 드 는 기록 이 많 지 않 습 니 다.공식 데모 의 차이 가 많 지 않 은 지 모두 이 해 했 고 주로 전단 을 기록 합 니 다.

 <div>
  @Ajax.Pager(Model, new PagerOptions
 {
  ShowFirstLast = false,//       
  ShowPrevNext = false,//        
  NumericPagerItemCount = 5,//       
  PageIndexParameterName = "page",//          ，         ，        
  Id = "callajax",//     ID，              。
  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>"
 },
 new MvcAjaxOptions { UpdateTargetId = "calllogpage",EnableHistorySupport = false })
 </div>

그리고 실행 후 페이지 컨트롤 을 새로 고 치 는 곳 에 추가 하거나 삭제 하면 실행 합 니 다.

Webdiyer.MvcPagers.getById("callajax").ajaxReload();//    ID        ID 

중요 하 다.위의 방법 을 사용 하려 면 MvcPager.js 의 jQuery 플러그 인 에 방법 을 추가 해 야 합 니 다.

ajaxReload:function(){
  var context = this;
  context.allowReload = true;
  context.allowCache=false;
  var index = context.__getPageIndex(context.pageIndexName);
  context.__ajax(index===0?1:index, { type: this.httpMethod, data: [] });
 },

중요 합 니 다.MvcPager.js 를 수정 하면 MvcPager 의 JS 스 크 립 트 등록 방법 을 사용 할 수 없습니다.
MvcPager.js 를 직접 인용 하면 됩 니 다.
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.