MvcPager 페이징 컨트롤에서 사용되는 예제 방법에 대한 자세한 소개

이 글에서는 주로 MvcPager 페이징 컨트롤 사용 시 주의사항을 자세히 소개합니다. 관심 있는 친구들이 참고할 수 있습니다.

저는 MVC 초보자이고 단일 페이지 애플리케이션을 만들었고 여러 페이지 매김을 표시해야 합니다. . 새로고침 업데이트가 없습니다.

Ajax를 사용하면서 매우 사용하기 쉬운 MvcPager 컨트롤을 찾았습니다. 천천히 디버깅을 하면서 양선생님(MvcPaegr 작가)에게 조언을 구하고 드디어 해결했습니다.

먼저 NuGet 패키지를 추가합니다. MvcPager를 검색하여 찾을 수 있습니다.

컨트롤러 쪽은 꼭 참고하세요

webdiyer.WebControls.Mvc를 사용;

백엔드는 많이 녹음되지 않을 테니 공식 데모를 보시면 거의 이해가 되실 겁니다.

 <p>
  @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 })
 </p>

그런 다음 실행 후 페이징 컨트롤을 새로 고쳐야 하는 곳에 추가합니다. 추가하거나 삭제하면

Webdiyer.MvcPagers.getById("callajax").ajaxReload();//这里面的ID是分页控件指定的ID

이후에 실행되는 것이 중요합니다. 위 방법을 사용하려면 MvcPager.js

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: [] });
 },

의 jQuery 플러그인에 메소드를 추가해야 합니다. 중요, MvcPager.js를 수정한 후에는 MvcPager의 JS 스크립트 등록 방법을 사용할 수 없습니다.

MvcPager.js를 직접 인용하세요.

위 내용은 MvcPager 페이징 컨트롤에서 사용되는 예제 방법에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!