본문 바로가기

개발/JAVASCRIPT

[jqGrid] 그리드 속성 및 기초

 

grid 속성

url : 호출할 url

datatype: grid를 처리할 응답(xml, json 등)

colNames : grid 헤더에 표시될 칼럼명
colModel : 칼럼 정보를 서술한 배열

pager : 그리드 하단 페이징정보 표시될 영역(div로 지정)

pagerpos: 페이징 정보 표시될 위치 (left, center, right)

rowList: 페이징에서 한 페이지에 보여줄 목록 수 선택정보 표시
rowNum: grid에 표시될 row 수. -1을 지정하면 무제한으로 표시되나 정렬 시 문제가 발생 할 수 있음

sortname: 정렬할 칼럼명 지정

sortorder : 정렬 방법(asc, desc) 

autowidth : ture이면 부모요소의 길이로 grid길이를 재계산하여 설정

rownumbers : ture이면 그리드 좌측에 1부터 시작하는 일련번호 칼럼을 출력

toolbar : 첫번째항목은 툴바노출여부, 두번째는 위치 [true, "top"]. 위치는 top,botton,both 중 하나

multiselect : true이면 좌측에 checkbox 칼럼 추가되고 다중선택 가능. 추가된 칼럼명은 rn이 되므로 colModel에서 rn을 name으로 사용하지 말것.

hiddengrid : ture이면 gird숨김상태(서버에 요청도 하지 않음)

selrow : 읽기전용. 마지막 선택한 row의 id를 반환

selarrrow : multiselect가 true일 때 선택된 row의 id 배열을 return

 

출처: https://m.blog.naver.com/PostView.nhn?blogId=yj93071&logNo=120205795496&proxyReferer=https%3A%2F%2Fwww.google.com%2F

 

jqGrid 기본 사용

그리드 사용 예 $("#list").jqGrid({  url: '/mytest/sample/jqgrid1.do' , datatype: 'json' , colNames:...

blog.naver.com

 

반응형