본문 바로가기
개발/jqgrid

jQgrid 기본 설정 - ing

by areumtb 2016. 11. 3.

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 : [ 5101530 ], // 페이지에서 보여줄 레코드 갯수
        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

댓글