글
colNames:['Product Code','Product Group','Status'],
colModel:[
{name:'ProductCode',index:'ProductCode', optionName : optionValue},
{name:'ProductGroup',index:'ProductGroup' , optionName : optionValue},
{name:'Status',index:'Status', optionName : optionValue}
],
optionName : optionValue
align : "center" , // 컬럼 글 정렬
title : "false" , // 마우스 오버 시 타이틀 글씨 숨김
width : 120 , // 컬럼 넓이 (픽셀 속성 , 퍼센트 속성은 사용 불가)
search : true , // searchToolbar , searchButton 사용 시 컬럼 찾기 기능 사용가능
resizable : true , // 컬럼 사이즈를 자유자재로 조절할 수 있음
sorttype : "date" / "integer" / "text" / function
sortable : true , // 컬럼 간의 위치를 바꿀 수 있다. (editable , multiselect 기능과 중복 사용 불가!)
hidden : true , // 컬럼에 값을 가지고 있지만 그리드에서 숨김
editable : true , // 셀 값을 변경 할 수 있음
edittype : "text" / "select" / "checkbox" / "textarea"
editoptions : {optionName:optionValue} , // 위의 edittype 값에 따라 적용 옵션이 다름 (각 값의 input 옵션과 동일)
frozen : true , // 컬럼 틀고정 기능 사용가능 (editable , multiselect 기능과 중복 사용 불가!)
rowNum:10, // 한화면에 보여줄 row의 수
width:'auto', // 그리드 전체 넓이 조정 (오토 조절 가능)
autowidth:true, // 오토 조절 가능 (width 옵션과 동시 사용 불가!)
rowList:[10,20,30], // 한 화면에서 볼 수 있는 row의 수를 조절 가능
pager:'#pager', // 페이징을 처리할 <div> 태그의 #+id값
rownumbers: true, // row의 숫자를 표시해준다.
sortname:'ProductCode', // 처음 그리드를 불러올 때에 정렬 기준 컬럼
viewrecords: true, // 그리드가 보여줄 총 페이지 현재 페이지등의 정보를 노출
multiselect: true, // 멀티 셀렉트 박스가 첫번째 컬럼에 생김
sortorder:"desc", // 정렬 기준
sortable: true, // colmodel 에서 sortable 기능 사용하려면 true!
caption:"그리드 제목 입력", // 그리드 상단에 그리드의 제목을 입력할 수 있음
height: "220", // 그리드 높이 설정
editurl: "URL.action", // 셀이 수정될 때 수정 요청을 받아서 처리할 URL
cellEdit: true, // 셀 수정 기능을 사용하려면 true!
grouping:true, // row 그룹핑 (서브그리드와는 다른 개념)
groupingView:
{
groupField:['컬럼 이름'], // 기준이 될 컬럼의 이름
groupColumnShow: [true], // 기준이 된 컬럼으로 그룹핑 후 기준 컬럼 숨김
groupText:['{0}({1})], // {0} = 그룹핑된 셀값 , {1} = 그룹 하위 값들의 갯수
groupDataSorted: true // 그룹핑된 값들 정렬
},
'jqgrid' 카테고리의 다른 글
jqgrid docs (0) | 2013.05.30 |
---|---|
jqgrid demo page url (0) | 2013.05.30 |
RECENT COMMENT