이번 포스팅에선 저번 포스팅에 이어 그리드에 행추가 기능과 삭제 기능을 달아보자. 먼저 탭을 만들어주자 12345 조회 행추가 저장 초기화 삭제cs 위치는 알아서 찾아서 넣자. onclick 함수에 의해 스크립트 함수를 실행한다. 다음 addRow를 만들자 totCnt는 그리드 안의 총 카운트를 세주는데getGridParam 함수를 사용한다. getGridParam은 리턴타입이 int이고 getter 메소드만 제공한다.서버에 요청하여 리턴받은 실제 레코드 수 이므로 사용자가임의로 설정할 수 없다. addRowData는 행추가를 할때 totCnt에 10을더한 행에 새로 추가된다. setColProp는 속성을 설정해주는데 name값을 편집 가능하게 설정한것이다. 그리고 위 부분을 jsp 파일의도큐먼트 레디 ..
jQgrid 란 아래 이미지 처럼 데이터를 그리드형식으로보여주는 jQuery 플러그인이다. jQgrid 는 관리자페이지또는 재고관리 등에 매우 유용하게 쓰인다. 먼저 jQgrid를 사용하기 위해서는 아래와같은설정 파일들이 필요하다 jQgrid 관련 홈페이지 에서다운받아 사용할수 있다. jQuery가 충돌 나지 않게잘 확인하고 사용하자. 1234567 cs jQgrid가 들어가는 body 태그를 보자 12345678 cs 테이블과 div 하나를 기본으로 넣자. 그리고 script부분을 채우자 123456789101112131415161718192021222324252627282930313233343536$(document).ready(function() { var cnames = ['아이디','이름','전..
이번엔 Map인터페이스를 구현하는 방법에 대해 알아 보겠습니다 Map은 굉장히 많이 쓰이는 인터페이스입니다그중 HashMap이 많이 쓰입니다.HashMap은 Map 인터페이스의한 종류로 Key와 Value 값으로 데이터를 저장하는형태를 가집니다. Map 이란 Key와 Value를 하나의 쌍으로 묶어서저장하는 컬렉션 클래스들을 구현하는데 사용됩니다 Map의 종류에는 Hashtable, HashMap, LinkedHashMap,SortedMap, TreeMap 등이 있습니다. 먼저 HashMap 사용을 위해 간단하게 테스트해보겠습니다. HashMap 사용을 위해선 먼저 선언을 해줘야합니다 HashMap hash = new HashMap();를 사용해 선언을 합니다.다음 HashMap에 데이터를 넣어줄땐 Ma..
이번엔 Paging 을 구현 해보자. 페이징을 구현하기 위해선먼저 페이징 VO가 필요하다. 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354public class CmmnVO { private static final long serialVersionUID = 1L; /*rows : 현재 페이지에 보여질 row수 page : 현재 보여질 페이지 수 totalPage : 총 페이지 수 startPage : 시작페이지수 endPage : 끝 페이지 수 pageScale : 한 페이지에 보여질 페이지 수*/ private long rows = 2; private long page = ..
이번엔 동적테이블을 만들어서 체크박스를 이용해 체크된 항목의 값들만출력 시켜보겠다. 먼저 저번 포스팅처럼 버튼과 체크박스를 생성해준다. 다음 화면에서 체크된 값들만 출력시켜주기 위해jstl을 사용한다. 먼저 저번 포스팅에서 썼던 것 처럼체크박스들은 arr배열에 담기게 된다그리고 체크한 항목을 출력하기 위해 4line의 ${arr} 를 사용했다. 다음 해당하는 항목의 값들을 DB에서 뽑아오도록c:if문을 주어 arr값이 아이디 이면 DB에 있는id값을 가져올수 있도록 해준다. 123456789101112131415161718192021222324252627282930 ${arr} Colored by Color Scriptercs
체크박스를 이용해 체크된 값들을 컨트롤러로 보내고 값을 확인해보자. 먼저 화면단에 테스트를 할수있도록 체크박스를만들어 보자 난 부트스트랩을 이용하였다. 1234567891011121314151617181920 컨트롤러로 go Submit a b c Colored by Color Scriptercs 먼저 2line에서 form 태그에 id값으로 frmReq를 주었다그리고 welcomeWeb4.do로 action 시켜준다. 그럼 이제 컨트롤러를 보자 1234567@RequestMapping(value = "welcomeWeb4.do") public String initMain3(HttpServletRequest request, ModelMap model) throws Exception { String[] a..
이번엔 String으로 값 주고 받기를 해보겠습니다 이 방법은 단일 값만을 주고 받기 할때 효율적인 방법입니다@RequestParam은 int, string 들만 허용합니다 map같은 다른 객체형태는 받을수 없습니다.컨트롤러에서 @RequestParam 어노테이션을 이용해String 을 넣어주면 됩니다. 1234567@RequestMapping(value = "welcomeWeb3.do") public String initMain7(@RequestParam String hanq,ModelMap model) throws Exception { List welcomeWebList = welcomeWebService.selectWelcomeWebServiceList3(hanq); model.addAttribut..
이번엔 VO를 사용해 값을 주고받기 해보겠습니다. 그전에 jsp단에서 컨트롤러로 값을 보낼때아래와 같이 form 태그에 name="hanq" 와 value="한큐" 넣어줍니다 다음 컨트롤러 에서 아래와 같이ModelAttribute로 HanqVO를 호출해줍니다@ModelAttribute는 setter를 자동으로 호출 해줍니다. 1234567@RequestMapping(value = "welcomeWeb2.do") public String initMain6(@ModelAttribute HanqVO hanqVO, ModelMap model) throws Exception { List welcomeWebList = welcomeWebService.selectWelcomeWebServiceList2(hanqVO..