반응형
url:'/list.do', // 데이터 리턴 받을 URL datatype: 'json', // 리턴받을 데이터 타입 jsonReader: { id:'id', // 키 컬럼 명 root:rows, // 그리드에 로드 할 Json 형태의 데이터 page:'page', // 현재 페이지 total:'total', // 총 페이지 Count records:'records' // 총 Row Count } rowNum: 20, // 한 페이지에 로드할 Row 수 rowList: [20, 30, 40], // 한 페이지에 로드할 Row 수 설정 (Pager 우측에 SelectBox 우측에 선택 가능) editurl:'clientArray', width: 500, // 넓이 설정 ('auto' 자동설정 가능) height: 500, // 높이 설정 ('auto' 자동설정 가능) pager: '#pager', // 페이징 처리 / 그리드 영역 밑에 추가 ->> sortname: 'id', // default 정렬 컬럼 명 sortorder: 'desc', // asc - 내림차순, desc - 오름차순 loadonce:false // true - 모든 페이지의 데이터를 가져와 변수에 담아 두고 페이징 처리 false - 페이지를 이동 할 때마다 그리드에 출력 할 데이터만 서버에서 Select
반응형
'JS > jqGrid' 카테고리의 다른 글
[jqGrid] 2. 환경 설정 및 기본 설정 (0) | 2024.09.09 |
---|---|
[jqGrid] 1. jqGrid 소개 (1) | 2024.09.08 |
[jqgrid] edit cell close (0) | 2018.11.14 |
jqgrid 행 추가 / 삭제 [ add row / delete row] (0) | 2018.04.18 |
jqGrid 각 cell에 Text 길이에 따른 ellipsis 처리 (0) | 2017.04.27 |
jqGrid 헤더 높이 resize (0) | 2017.04.27 |
jqGrid 헤더 병합 (0) | 2017.04.27 |
jqGrid 로우 선택 (0) | 2017.04.27 |