jqgrid 4

jqGrid] 동적으로 그리드 나타내기

아래처럼 main그리드가 존재한다. 맨 오른쪽 버튼을 누를 때, 그 행에 대한 서브그리드가 나타나도록 할 것이다. 이 것을 구현하고 실행해보면, 처음엔 아래에 서브그리드가 잘 나타나지만 다른 버튼을 누르면 동작하지 않는다. 그 이유는 jqGrid 특성상 그리드가 한번 그려지고 나면 더이상 새로 그려지지 않기 때문이다.그래서 꼼수를 써야하는데, 방법은 아래와 같다.(2번과 3번이 핵심) 1. main Grid의 complete 함수 추가 메인그리드가 다 그려지고 난 뒤, 서브그리드를 호출할 버튼을 만드는 것이다. gridComplete:function(){var ids = jQuery("#t").jqGrid('getDataIDs');for(var i=0; i";jQuery("#t").jqgrid('setR..

개발/Javascript 2013.04.30

JAVA spring 프레임워크로 하는 JqGrid cell 값 수정 (edit)

JqGrid에서 셀을 클릭하면 입력창으로 바뀌고, 엔터치면 입력된 내용으로 수정시키기. 1. 셀을 입력모드로 바꿀지의 옵션을 지정해야함. jqGrid 소스의 일부colModel:[ {name:'id', index:'id', width:55, key:true}, {name:'invdate', index:invdate', width:90}, {name:'name', index:'name asc, invdate', width:100, editable:true}, {name:'amount', index:'amount', width:80, align:"right"}, {name:'txt', index:'tax', width:80, align:"right} ], name만 변경할 수 있도록 설정해놓았다.editab..

개발/Javascript 2012.09.14

Java와 jqgrid 기초!!

전 블로그에 써놓은 글은... 다시 읽어보니까 뭔소린지 모르겠어서 다시 차근차근 정리한다.ㅋㅋㅋ 처음 하는 무언가를 배울 때는 큰 흐름을 먼저 알아야 한다! 알아보기 쉽게 소스와 함께 흐름을 정리 하겠음. .. 1. JQGrid 라이브러리 다운받기 http://www.trirand.com/blog/?page_id=6 2. 그리드를 뿌릴 페이지(jsp)와 컨트롤러(액션)를 만든다. Controller @RequestMapping("/main") public String view() { return "view"; // view.jsp } 3. 그리드를 뿌릴 페이지 view.jsp 버전은 업데이트 됐을지도 모른다. 3.1 라이브러리 include하기 이름을 끼워맞춰서 순서대로. 꼭 아래와 같은 순서대로 넣을 ..

개발/Javascript 2012.09.12