Jay의 기술 블로그

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

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

이렇게 페이징을 구현하려면 먼저 페이지에 관련된 VO 객체가 필요하다. 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768public class CmmnVO { private static final long serialVersionUID = 1L; private long rows = 2; private long page = 1; private long totalPage; private long startPage = 1; private long endPage; private long pageScale = 3; public long ..

저번 시간에는 SQL설정 까지 보았다. 이번에는 Mapper파일을 보자. @Mapper("welcomeWebMapper")public interface WelcomeWebMapper {List selectPieChartList() throws Exception;// testList selectListOne(Map paramMap) throws Exception;List selectListTwo(CountryVO countryVO) throws Exception;List selectListThree(String str) throws Exception;} 이렇게 인터페이스로 맵퍼를 정의한다. 저번 포스팅에서 맵핑 설정을 해 놓았으므로 이제 자동으로 맵핑이 될 것이다. 맵퍼전은 서비스이므로 서비스단을 보자. ..

페이지에서 특정 값을 데이터베이스에서 조회한 데이터들을 어떻게 뿌릴까? 예를들어 이런식으로 동적 테이블을 만들어야 하는데 어떻게 하지? 기본 하나씩 살펴 보자. 데이터 베이스에서 테이블에 값들이 있을 것이다. 나라(Country) 테이블이 러시아 인것만 뽑고 싶다. 그러면 어떤 작업부터 해야 할까? 당연히 jsp 뷰가 있어야 할 것이다. (테이블)부트스트랩을 이용한 표이다. 특정 테이블 조회 나라이름 ID Name Salary Country City 는 jstl인데 이것은 컨트롤러에서 데이터를 넘겨준 것이다. 이따 설명할것임 흐름 중요) 컨트롤러 -> 서비스 -> 서비스임플 -> 매퍼 -> SQL 먼저 SQL 쪽을 보자. 마이바티스 설정을 해주어야 한다. 위치는 여기다. sql맵 하위 폴더를 찾아보면 m..