jqgrid 페이징 예제

jqGrid 개체를 만든 후 호출기에서 변경할 수 있는 모든 속성은 그리드를 다시 로드해야 합니다. 이 작업은 트리거(“다시로드그리드”)를 통해 수행됩니다. 다음은 요청된 행 수를 10으로 변경하는 예제입니다. 우리는 옵션 아이콘을 제거 : “fontAwesome”추가 마지막 예에서, iconSet 옵션의 기본값이 iconSet임을 보여주기 위해 : “대신 iconSet : “jQueryUI”) 사용 의 경우 부트 스트랩 CSS. 대신 부트 스트랩 4를 사용하려면 부트 스트랩 3 하나는 단지 guiStyle을 대체 할 필요가 : “부트 스트랩”매개 변수 guiStyle : “부트 스트랩4”. jqGrid는 부트 스트랩 CSS와 부트 랩의 자바 스크립트 파일을 사용하지 않지만, 부트 스트랩.min.js가 필요한 경우 popper.min.js와 부트 스트랩.min.js를 모두 포함해야합니다. jqGrid는 jQuery의 슬림 버전과 함께 사용할 수 없습니다. 하나는 대신 전체 버전을 포함해야합니다. 결과 코드는 다음과 같이 될 수 있습니다: 우리는 포물질의 세부 사항을 포함: “날짜” 및 formatter: 그냥 미리 정의 된 포터의 예로 “선택”. 모든 포맷터는 형식옵션으로 지정할 수 있는 고유한 특정 옵션을 지원합니다. 일반적으로 함께 사용되는 몇 가지 일반적인 열 속성 집합이 있습니다. 예를 들어 매우 일반적인 설정은 formatter: “번호”, 정렬: “오른쪽”, sorttype: “번호” 입력 데이터로 사용 번호의 경우. 속성 템플릿: “번호”는 모든 옵션(및 검색 및 편집에 사용되는 다른 옵션)을 한 번에 지정할 수 있는 바로 가기입니다.

우리는 열 금액, 금액 및 합계에 대한 템플릿을 사용합니다. 기본적으로 페이징 요소는 중앙에 배치되고 기록 정보는 호출기의 올바른 위치에 배치됩니다. 옵션 페이저포지및 기록포를 사용하여 이러한 위치를 변경할 수 있습니다- 아래를 참조하십시오. 이제, 우리는 가볍고 사용하기 쉬운 그리드를 원하는 경우, 우리는 페이징을 할 수 있습니다, 검색, 새로운 레코드를 만들, 편집 레코드, 쉽게 기록을 삭제, 우리는 바로 그것을 사용하려고합니다. 먼저 데이터베이스 부분으로 시작해 보겠습니다. 실제로 몇 가지 복잡한 시나리오가 있고 loadonce:true를 사용해야하지만 서버 측 페이징을 구현하려면 데이터 형식을 onPaging 내부의 “로컬”로 설정해야합니다. 당신은 다시로드 그리드를 호출해서는 안 직접 내부에페이징. jqGrid는 이 자체를 수행합니다. 언젠가 는 표시 할 수 없습니다 표시 할 수 없습니다 데이터의 너무 많은 항목을 표시해야합니다.

이 경우 페이지의 모든 항목을 표시하는 대신 로컬 페이징을 사용하고 사용자가 세로 스크롤 막대를 사용하여 데이터를 볼 것을 요구하는 것이 훨씬 더 효과적입니다.