jqgrid 3

JQGrid 전자정부프레임워크에 적용하기 - (3)

이제 저장과 삭제를 해 볼 것이다. 저번 포스팅때 프로퍼티의 위치가 좀 틀려서 다시 정리하자면 (없는 것들은 이제 만들 것이다) jqgridTable 안의 프로퍼티 init searchData에서 goSearch로바꾸자. saveData selectData deleteData ajaxFn gridFunc 안의 프로퍼티 addRow rowBtn delRow clearGrid CommonJsUtil 안의 프로퍼티 isEmpty isNumeric 조금 더 알맞게 나누려고 위치를 수정하였다. 코드의 변경은 없으므로 프로퍼티 위치 변경할 때는 그냥 잘라서 붙여넣기 하면 된다. 먼저 조건 하나를 추가해보자. 안해도 상관없다. CommonJsUtil에서 프로퍼티하나를 더 만들어보자. 슬래시 안은 정규식을 의미한다. ..

JQGrid 전자정부프레임워크에 적용하기 - (2)

저번 포스팅에 이은 jqgrid를 알아보자. 이번에는 그리드에 행을 추가하고 삭제하는 방법에 대해서 볼것이다. jqgrid를 처음 띄우는 것 부터 보고 싶다면 밑의 포스팅을 참고하기 바란다. http://pjh3749.tistory.com/154 자 이런식으로 탭을 만들어줄건데 이거만드는 것은 너무 쉬우므로 넘어가겠다. 라고 하지만 코드를 본다면12345조회 행추가저장초기화삭제cs 이렇게 만들어주고 클릭시 스크립트의 함수를 타게 되어 있다. 행추가부터 만들어보자. 행추가는 그리드에서 조회한 데이터들의 밑에 새로운 row를 추가하는 것이다. gridFunc의 addRow()를 타므로 똑같이 만들어 준다. 123456789101112var gridFunc = { addRow : function() { var..

JQGrid 전자정부프레임워크에 적용하기 - (1)

Jqgrid란 이처럼 데이터를 그리드형식으로 보여주는 jquery 플러그인이다. 매우 editable하며 개발자 맘대로 기능을 조작할 수 있다. 관리자페이지 또는 재고관리 등에 매우 유용하다고 할 수 있다. 이 jqgrid를 붙이려면 먼저 js파일들이 있어야 한다. 1234567 cs 설정파일들이다. 파일들은 jqgrid관련 홈페이지에서 충분히 찾을 수 있다. 간혹 jquery.js 가 충돌이 일어날 수 있으니 잘 확인하고 맞는것을 골라 넣어아 햔다. 그리고 jqgrid가 들어갈 html 부분을 작성하자 12345678910jqgrid Test cs 그냥 단순히 테이블 하나와 div 하나만 넣자. 그리고 제일 중요한 script부분이다. document.ready안에 넣어주자. 12345678910111..

반응형