jQgrid 란 아래 이미지 처럼 데이터를 그리드형식으로보여주는 jQuery 플러그인이다. jQgrid 는 관리자페이지또는 재고관리 등에 매우 유용하게 쓰인다. 먼저 jQgrid를 사용하기 위해서는 아래와같은설정 파일들이 필요하다 jQgrid 관련 홈페이지 에서다운받아 사용할수 있다. jQuery가 충돌 나지 않게잘 확인하고 사용하자. 1234567 cs jQgrid가 들어가는 body 태그를 보자 12345678 cs 테이블과 div 하나를 기본으로 넣자. 그리고 script부분을 채우자 123456789101112131415161718192021222324252627282930313233343536$(document).ready(function() { var cnames = ['아이디','이름','전..
이번엔 레프트 메뉴를 추가해 보겠다. 먼저 default-left.jsp 들어가자.다음 아래와 같이 스크립트단 과 form을 집어 넣자. 123456789101112131415161718192021222324 var left = { pageSubmitFn : function(pageName) { $("#pageName").val(pageName); if(pageName == "mainMenu") { $("#frm").attr("action", "main.do"); } else if(pageName == "welcomeWebMenu") { $("#frm").attr("action", "welcomeWeb.do"); } $("#frm").submit(); }} Colored by Color Scripterc..
저번 포스팅에서 DB셋팅을 했다이번엔 맵퍼설정과 부트스트랩 사용 마무리를 하겠다. 먼저 컨텍스트 맵퍼 xml 에서 아래와같이 수정한다.기존의 sample를 지우고 **를 넣어주면 된다.이것을 넣어줌으로써 example밑에 어떤 폴더를 만들어 넣든적용이 될것이다. 맵퍼는 SQL을 가리키는 역할을 한다. 다음 아래처럼 index.jsp 를 수정해준다.jsp 액션태그를 사용하여 main.do로 포워딩 시킨다. 다음 아래와 같이example 폴더안에 main 폴더를 만들어주고그안에또 web폴더를 만든후 메인 컨트롤러를 넣어준다.그안에 내용은 아래와 같다.main.do를 받아 main/main.tiles로 리턴한다 다음 마지막으로 위에서 설정해서 사용하려는main.jsp를 만들어 넣어준다 자기가사용하려는 부트스트..
저번 포스팅에서 디스패처서블릿 수정 까지 했다.다음 저번 포스팅에서 타일즈 셋팅을 위해 설정했던default-layout 을 만들어 줘야한다. 디폴트 레이아웃은 아래와 같은 내용이다 먼저 헤더, 레프트, 네비, 컨텐트, 푸터 로 5부분으로 나누었다(자기가 사용하려는 부트스트랩 또는 개발 마다 달라질수 있다)뷰가 서로 끼워맞춰지는 설정이다.여기서 중요한것은 16line 인데 egovframework/example 밑에 jsp 파일들 모두 이 타일즈를 적용시키겠다는 의미이다. 이제 부트스트랩 사용을 위해 타일즈 분할 파일들을 넣어줘야한다. 다음 본인이 사용하는 부트스트랩 템플릿의 css, img, js등을 넣어준다. 다음 컨텍스트데이터소스xml 에서 아래와 같이 설정한다난 오라클을 사용하기 때문에 아래와같이..
