실습 jqGrid 버전: CDN 제공하는 v4.6 버전으로 테스트
jqGrid에서 동적으로 컬럼(Column) 변경하는 방법에 대해서 알아본다.
1004lucifer
열
jqGrid v4.7.1 이하버전을 기준으로 동적으로 컬럼을 추가하거나 삭제할 수 있는 기능이 없다.
대체 방법으로 그리드를 unload 시킨 후 다시 만드는 방법으로 비슷한 결과를 만들 수 있다.
관련 메소드
| Method | Param | Returns | Description |
|---|---|---|---|
| trigger("reloadGrid") | none | none | 그리드를 현재 설정으로 다시 로드한다. datatype이 xml 또는 json일경우 서버에 새로 요청을 한다. 이미 구성된 그리드에 적용을 해야 한다. * 이 방법은 header 정보를 변경하지 않는다. 즉, colModel의 변경사항에 영향을 미치지 않는다. colModel이 다른경우 gridUnload 후 reload 방법을 사용할 수 있다. * loadonce값이 false인경우 절대 사용하지 마라. (추가 설명 링크) |
| GridDestroy | grid_id | true on success, false otherwise | DOM에서 id=grid_id 인 그리드객체를 삭제한다. (html과 관련된것과 그리드의 모든 이벤트를 unbind 시킨다) |
| GridUnload | grid_id | true on success, false otherwise | GridDestroy와 다른점은 그리드는 삭제되지만 table, pager Element는 그대로 남겨져 재사용이 가능하다. |
아래 예제 확인
참고
- https://stackoverflow.com/questions/4232038/jqgrid-add-new-column
댓글
댓글 쓰기