인프런 커뮤니티 질문&답변
작성한 질문수
바인딩 에러 관련 문의드립니다.
작성
·
240
0
tui.Editor를 설치를 해서 테스트를 해 보고 있습니다.
https://github.com/nhn/tui.editor/blob/master/docs/v3.0-migration-guide-ko.md
위 사이트에 있는 에디터를 설치를 했는데
에디터를 설치하면
타임리프에서
<div id="content" th:field="*{content}"></div>
위와같이 적용을 하면 에디터가 화면에 적용이 됩니다.
Textarea나 input등에 적용을 하면 화면에 적용이 안됩니다.
이것때문에 삽질을..ㅠㅠ 엄청 했네요..
아무튼..
BindingResult를 적용할려면
input이나 Textarea같은 곳에서는 적용이 잘 됩니다.
그런데 div 안에 적용을 하게 되면 bindingResult.hasErrors()가 났을경우에
화면이 새로고침 되면서 div안에 작성했던 내용들이 모두 사라져 버리네요..ㅠㅠ
Controller
---------------
@PostMapping("/form")
public String create(@Valid NoticeForm noticeForm, BindingResult bindingResult) {
if (bindingResult.hasErrors()) {
return "notice/form";
}
noticeService.createNoticeProcessor(noticeForm);
return "redirect:/notice/list";
}
Thymeleaf
-----------------------
<tr>
<th>제목</th>
<td>
<input type="text" th:field="*{title}">
<span th:if="${#fields.hasErrors('title')}">제목을 입력해 주세요</span>
</td>
</tr>
<tr>
<th>내용</th>
<td>
<div id="content" th:field="*{content}"></div>
</td>
</tr>
위의 Thymeleaf 소스에서 위에있는 제목 부분은 Controller를 갔다와도 입력했던 값이 남아있는데
아래 내용 부분에는 div안에 값이 있어서 Controller를 갔다와서 오류를 체크하면 값이 사라져 버립니다.
div에서도 바인딩 에러를 체크해서 값이 남아있게 할려면 어떻게 해야할까요?
그리고 또 한 가지 문제가 div안에 th:field로 content를 입력하면 컨트롤러에서 content를 인식을 하지 못하네요.ㅠㅠ
아. 그렇군요^^;
감사합니다.
강의를 듣고 이것저것 만들어보고 싶은 것이 생겨서 만들어보다가 Input창에만 항상 바인딩처리가 되는 예제들을 봤었는데 에디터를 div로도 연동을 할 수 있는것을 보고 혹시나 div에서도 바인딩 처리가 되나?? 아무리 이리저리 머리를 굴려봐도 안되길래 문의를 드렸었습니다.^^;
관련된 내용은 제가 더 학습을 해 보고 찾아보겠습니다.