jquery jtable 예제 질문입니다.

Question

최근 ajax에 대해 공부하고 있는 초보 학부생입니다. 이번에 jquery 플러그인 중 하나인 jtable에 대해서 공부하고 있습니다.현재 웹 프로젝트는 spring framework를 이용해서 하고있는데요, jqeury jtable 공식 홈페이지의 예제들은 MVC 예제가 거의 없고 있어도 C# 파일?(확장자가 cs였을겁니다.)에 구조도 달라서 그냥 구글링으로 외국 사이트 뒤져가면서 예제 찾아보며 하고 있습니다.http://www.codeproject.com/Articles/1091086/jTable-with-Java-Spring-MVC-Integration위의 링크를 참고해서 하고 있는데 현재 DB에서 데이터 값을 리스트로 받아왔고 그것을 Json이라는 클래스 객체에 담아서 컨트롤러->jsp로 리턴까지 하는건 되는 듯 한데 jsp에 그 데이터가 테이블에 뿌려지질 않네요. 데이터 개수 만큼(list의 개수가 10개면 테이블 행도 10개 뜹니다. 데이터 개수가 2개면 행도 2개) 행은 뜨긴 한데 데이터가 아무것도 안 뜨네요. 콘솔창보면 쿼리도 제대로 돌고 있고요. DB에서 가져온 List 객체를 for문으로 get하여 각 VO 요소들을 콘솔에 찍어보면 역시나 잘 나오고... jsp에서 뿌려지지 않는게 문제입니다. 프로젝트 구조입니다. 결과화면.jpg jtable.jsp<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> Insert title here

JsonResult.javaimport java.util.List; public class JsonResult { public String Result = "ERROR"; public List Records; public List Options; public T Record; public String Message = "Error message: Must be create Json constructor."; public long TotalRecordCount; } Json.javaimport java.util.List; public class Json extends JsonResult { public Json(String Result) { this.Result = Result; } public Json(String Result, List Records, long TotalRecordCount){ this.Result = Result; this.Records = Records; this.TotalRecordCount = TotalRecordCount; } public Json(String Result, List Options){ this.Result = Result; this.Options = Options; } public Json(String Result, String Message){ this.Result = Result; this.Message = Message; } public Json(String Result, T Record){ this.Result = Result; this.Record = Record; } public Json(){} } HomeValueObject.javaimport java.util.Date; public class HomeValueObject { private int StudentId; private int CityId; private String Name ; private String EmailAddress ; private String Password ; // "M" for mail, "F" for female. private String Gender ; private Date BirthDate ; private String About ; // 0: Unselected, 1: VNU, 2: HNU 3: TLU private int Education ; //true: Active, false: Passive private boolean IsActive ; private Date RecordDate ; private int jtStartIndex; private int jtPageSize = 10; //기본 한 페이지 데이터 크기 10 private String jtSorting; public int getJtStartIndex() { return jtStartIndex; } public void setJtStartIndex(int jtStartIndex) { this.jtStartIndex = jtStartIndex; } public int getJtPageSize() { return jtPageSize; } public void setJtPageSize(int jtPageSize) { this.jtPageSize = jtPageSize; } public String getJtSorting() { return jtSorting; } public void setJtSorting(String jtSorting) { this.jtSorting = jtSorting; } public int getStudentId() { return StudentId; } public void setStudentId(int studentId) { StudentId = studentId; } public int getCityId() { return CityId; } public void setCityId(int cityId) { CityId = cityId; } public String getName() { return Name; } public void setName(String name) { Name = name; } public String getEmailAddress() { return EmailAddress; } public void setEmailAddress(String emailAddress) { EmailAddress = emailAddress; } public String getPassword() { return Password; } public void setPassword(String password) { Password = password; } public String getGender() { return Gender; } public void setGender(String gender) { Gender = gender; } public Date getBirthDate() { return BirthDate; } public void setBirthDate(Date birthDate) { BirthDate = birthDate; } public String getAbout() { return About; } public void setAbout(String about) { About = about; } public int getEducation() { return Education; } public void setEducation(int education) { Education = education; } public boolean getIsActive() { return IsActive; } public void setIsActive(boolean isActive) { IsActive = isActive; } public Date getRecordDate() { return RecordDate; } public void setRecordDate(Date recordDate) { RecordDate = recordDate; } private HomeValueObject() { Password = "123"; About = ""; } } homeMapper.xml DemoController.java@Controlle public class DemoController { @Resource private HomeService homeService; @ResponseBody @RequestMapping(value = "/studentList.do", method = RequestMethod.POST) public Json StudentList(Integer jtStartIndex, Integer jtPageSize, String jtSorting) { try{ //Get data from database int studentCount = homeService.selectStudentCount(); List studentList = homeService.selectStudentList(jtStartIndex, jtPageSize, jtSorting); Json json = new Json("OK", studentList, studentCount); System.out.println(json); //Return result to jTable return json; } catch(Exception e){ return new Json("ERROR",e.getMessage()); } } }

도각도각 · Accepted Answer

jtable을 사용해보지는 않았습니다만.. 결과 값의 Key와 jTable에 설정한 Key의 값이 매핑이 되지 않는 것 같습니다. 일단 Java단의 모든 Property는 낙타법(Camel Case)으로 변경해주세요. 예를 들면, StudentId &#61;> studentId 이렇게요. HomeValueObject는.. 아래와 같이 변경하면 됩니다.public void setStudentId(int studentId) { this.studentId &#61; studentId; } 스프링의 Controller Method에서 Return 하는 값을 확인해보세요.건수는 들어가는데, 각각의 값이 매핑되지 않아서 출력이 되지 않을 것 같네요.

EastGlow · Answer

도각도각//카멜케이스 표기법은 원래 썼는데 예제에서 저런식으로 되어있어 우선 가져다 썼습니다. VO의 변수명과 jtable.jsp의 각 필드값들을 똑같이 맞춰줬는데 이번에는 데이터를 아예 찾지 못한다고 뜨네요. 그전에는 데이터는 안 떠도 그 개수에 맞는 행은 떴는데 아예 데이터를 찾을 수 없다 뜨는군요 ㅜㅜ <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> Insert title here

import java.util.Date; public class HomeValueObject { private int studentId; private int cityId; private String name ; private String emailAddress ; private String password ; // "M" for mail, "F" for female. private String gender ; private Date birthDate ; private String about ; // 0: Unselected, 1: VNU, 2: HNU 3: TLU private int education ; //true: Active, false: Passive private boolean isActive ; private Date recordDate ; public int getStudentId() { return studentId; } public void setStudentId(int studentId) { this.studentId = studentId; } public int getCityId() { return cityId; } public void setCityId(int cityId) { this.cityId = cityId; } public String getName() { return name; } public void setName(String name) { this.name = name; } public String getEmailAddress() { return emailAddress; } public void setEmailAddress(String emailAddress) { this.emailAddress = emailAddress; } public String getPassword() { return password; } public void setPassword(String password) { this.password = password; } public String getGender() { return gender; } public void setGender(String gender) { this.gender = gender; } public Date getBirthDate() { return birthDate; } public void setBirthDate(Date birthDate) { this.birthDate = birthDate; } public String getAbout() { return about; } public void setAbout(String about) { this.about = about; } public int getEducation() { return education; } public void setEducation(int education) { this.education = education; } public boolean isActive() { return isActive; } public void setActive(boolean isActive) { this.isActive = isActive; } public Date getRecordDate() { return recordDate; } public void setRecordDate(Date recordDate) { this.recordDate = recordDate; } }

jquery jtable 예제 질문입니다.

2개의 답변

#jtable 목록