Translate

2019년 4월 25일 목요일

[jqGrid] 동적 Column(열) 변경 예제







실습 jqGrid 버전: CDN 제공하는 v4.6 버전으로 테스트


jqGrid에서 동적으로 컬럼(Column) 변경하는 방법에 대해서 알아본다.
1004lucifer


 jqGrid v4.7.1 이하버전을 기준으로 동적으로 컬럼을 추가하거나 삭제할 수 있는 기능이 없다.
 대체 방법으로 그리드를 unload 시킨 후 다시 만드는 방법으로 비슷한 결과를 만들 수 있다.



관련 메소드

MethodParamReturnsDescription
trigger("reloadGrid")nonenone그리드를 현재 설정으로 다시 로드한다.
datatype이 xml 또는 json일경우 서버에 새로 요청을 한다.
이미 구성된 그리드에 적용을 해야 한다.
* 이 방법은 header 정보를 변경하지 않는다. 즉, colModel의 변경사항에 영향을 미치지 않는다. colModel이 다른경우 gridUnload 후 reload 방법을 사용할 수 있다.
* loadonce값이 false인경우 절대 사용하지 마라.
(추가 설명 링크)
GridDestroygrid_idtrue on success, false otherwiseDOM에서 id=grid_id 인 그리드객체를 삭제한다. (html과 관련된것과 그리드의 모든 이벤트를 unbind 시킨다)
GridUnloadgrid_idtrue on success, false otherwiseGridDestroy와 다른점은 그리드는 삭제되지만 table, pager Element는 그대로 남겨져 재사용이 가능하다.




아래 예제 확인




참고
 - https://stackoverflow.com/questions/4232038/jqgrid-add-new-column

댓글 없음 :

댓글 쓰기