jQgrid 로 테이블을 만들때는
기본적으로
1 2 3 4 5 6 7 8 9 | {"total":2, "page":1, "records":11, "rows":[ {"present":"정상회원 ","department":"입력","exnum":"001","address":"입력"}, {"present":"사서","department":"희란","exnum":"400","address":"희란"} ] } | cs |
이런 모양이로 데이터를 넘겨서 테이블을 만들어야 한다.
페이징을 안할거면은 그냥 데이터만 넘겨도 괜춘
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 | // 사용자정보 그리드 $(document).ready(function() { $("#list2").jqGrid({ url : '/library/gridView.do', // 데이터가있는 url 매핑 datatype : 'json', jsonReader : { // controller에서 리턴한 값 rows : "empVo", page : 'page', total : 'total', records : 'records', repeatitems:false }, mtype : 'POST', // 데이터 전송방식 colNames : [ '사원ID', '이름', '사원번호', '부서', '직급', '사원상태', '입사일', '비고' ], // 컬럼명 colModel : [ { // JSON 데이터의 키값과 colModel의 name값이 일치해야만 매핑이 된다 name : 'ename', index : 'ENAME', align : 'center', width : 60, editable : true, edittype : "text" }, { name : 'name', index : 'NAME', align : 'center', width : 60, editable : true, edittype : "text" }, { name : 'dcode', index : 'DCODEE', align : 'center', width : 60, editable : true, edittype : "text" }, { name : 'department', index : 'DAPARTMENT', align : 'center', width : 60, editable : true, edittype : "text" }, { name : 'position', index : 'POSITION', align : 'center', width : 60, editable : true, edittype : "text" }, { name : 'present', index : 'PRESENT', align : 'center', width : 60, editable : true, edittype : "text" }, { name : 'bireday', index : 'BIREDAY', align : 'center', width : 60, editable : true, edittype : "text", formatter : "date", formatoptions : { newformat : " Y/m/d" } }, { name : 'note', index : 'NOTE', align : 'center', width : 60, editable : true, edittype : "text" } ], rowNum : 5, rowList : [ 5, 10, 15, 30 ], // 페이지에서 보여줄 레코드 갯수 viewrecords : true, // //recordtext:"페이지 {0} - {1} of{2}", sortname : 'dcode', sortorder : "desc", caption : "책조회", width : 850, height : '450px', showpage:true, // 페이징 true multiselect : true, pager : $('#pager'), emptyrecords : "데이터가 없습니다.", // 레코드가 없을때 보여줄 문구 loadonce:true // 맨 처음 한번만 서버에서 데이터를 불러옴 }); }); // document | cs |
'개발 > jqgrid' 카테고리의 다른 글
★jqgrid 페이징 분리 (0) | 2016.12.14 |
---|---|
★jqgrid 페이징 구현(쿼리) --> count추가 2016.12.21 (0) | 2016.12.12 |
jqgrid loadComplete , gridComplete (0) | 2016.12.08 |
그리드 리로드 + 체크박스 유지 (0) | 2016.12.07 |
JQGRID (0) | 2016.12.06 |
댓글