> 백엔드 개발 > C#.Net 튜토리얼 > MvcPager 페이징 컨트롤에서 사용되는 예제 방법에 대한 자세한 소개

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

零下一度
풀어 주다: 2017-06-15 13:59:03
원래의
1981명이 탐색했습니다.

이 글에서는 주로 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿