테스트 사이트 - 개발 중인 베타 버전입니다

spring 게시판 행 추가 후 게시글

12오경민 2년 전 조회 2,212

제목 그대로 스프링게시판에서 글을 쓸때 행추가 버튼으로 추가를 하고 글을 작성하면

ex 1행 A

    2행 B

결과 게시글 A,B

이렇게 나옵니다

원하는 결과

게시글 A

게시글 B

행 추가 한만큼 게시글이 나오는 방법 알고싶슴다

 

 

</strong></p>

<p><%@ page language="java" contentType="text/html; charset=EUC-KR"</p>

<p>pageEncoding="EUC-KR"%></p>

<p><%@include file="/WEB-INF/views/common/common.jsp"%></p>

<p><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "<a href="http://www.w3.org/TR/html4/loose.dtd">" target="_blank" rel="noopener noreferrer">http://www.w3.org/TR/html4/loose.dtd"></a></p>

<p><html></p>

<p><head></p>

<p><meta http-equiv="Content-Type" content="text/html; charset=EUC-KR"></p>

<p><title>boardWrite</title></p>

<p></head></p>

<p><script type="text/javascript"></p>

<p> </p>

<p>$j(document).ready(function(){</p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p>$j("#submit").on("click",function(){</p>

<p> </p>

<p> </p>

<p>var $frm = $j('.boardWrite :input');</p>

<p>var param = $frm.serialize();</p>

<p>var $frm1 = $j('.html1 :input');</p>

<p>var param1 = $frm1.serialize();</p>

<p> </p>

<p>$j.ajax({</p>

<p>url : "/board/boardWriteAction.do?",</p>

<p>dataType: "json",</p>

<p>type: "POST",</p>

<p>data : param,</p>

<p>success: function(data, textStatus, jqXHR)</p>

<p>{</p>

<p>alert("작성완료");</p>

<p>alert(param)</p>

<p>alert(param1)</p>

<p>alert("메세지:"+data.success);</p>

<p> </p>

<p>location.href = "/board/boardList.do";</p>

<p>},</p>

<p>error: function (jqXHR, textStatus, errorThrown)</p>

<p>{</p>

<p>alert("실패");</p>

<p>}</p>

<p> </p>

<p>//</p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p>});</p>

<p> </p>

<p>});</p>

<p>//행추가</p>

<p> </p>

<p> </p>

<p>$j("#formAdd").on("click", function(){</p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p>/* 행복사</p>

<p> </p>

<p>var tableClone = $j('#CopyTable').clone().find("input[name=boardTitle]").val("").end()</p>

<p>.find("#boardComment").val("").end();</p>

<p>tableClone.insertAfter('#CopyTable');</p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p>$j("#CopyTable").append(</p>

<p>"<td><input type='checkbox' name='chkbox'></td>");</p>

<p> </p>

<p>*/</p>

<p>var html = '<tbody class="html1">'+</p>

<p>'<tr>'+</p>

<p> </p>

<p>'<td><input type="checkbox" name="chkbox"></td>'+</p>

<p>'</tr>'+</p>

<p> </p>

<p>'<tr>'+</p>

<p> </p>

<p>'<td width="120" align="center">Title</td>'+</p>

<p>'<td width="400"><input name="boardTitle" type="text" size="50" ></td>'+</p>

<p>'</tr>'+</p>

<p>'<tr>'+</p>

<p>'<td height="300" align="center">Comment</td>'+</p>

<p>'<td valign="top"><textarea name="boardComment" rows="20" cols="55"></textarea></td>'+</p>

<p>'</tr>'</p>

<p> </p>

<p>+'</tbody>';</p>

<p> </p>

<p>$j('#CopyTable').append(html);</p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p>});</p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p>//행삭제</p>

<p>$j("#formDelete").on("click", function(){</p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p>var $obj = $j("input[name='chkbox']");</p>

<p>var checkCount = $obj.size();</p>

<p> </p>

<p>if($j("input[name='chkbox']:checked").length ===0){</p>

<p>alert("삭제항목을선택해주세요")</p>

<p> </p>

<p>}else{</p>

<p> </p>

<p>for (var i=0; i<checkCount; i++){</p>

<p>if($obj.eq(i).is(":checked")){</p>

<p>$obj.eq(i).parent().parent().parent().remove();</p>

<p>alert("삭제되었습니다")</p>

<p>}</p>

<p>}</p>

<p> </p>

<p> </p>

<p> </p>

<p>}</p>

<p> </p>

<p> </p>

<p> </p>

<p>});</p>

<p> </p>

<p> </p>

<p> </p>

<p>});</p>

<p> </p>

<p></script></p>

<p><body></p>

<p><form class="boardWrite"></p>

<p> </p>

<p> </p>

<p><table align="center"></p>

<p> </p>

<p> </p>

<p><tr></p>

<p> </p>

<p><td align="right"></p>

<p><input id="formAdd" type="button" value="행추가"></p>

<p><input id="formDelete" type="button" value="행삭제하기"></p>

<p><input id="submit" type="button" value="작성"></td></p>

<p> </p>

<p> </p>

<p></tr></p>

<p><tr></p>

<p><td></p>

<p><table border="1" id="CopyTable"></p>

<p> </p>

<p><tbody ></p>

<p> </p>

<p><tr></p>

<p> </p>

<p><td width="120" align="center">Title</p>

<p> </p>

<p></td></p>

<p> </p>

<p><td width="400"><input name="boardTitle" type="text"</p>

<p>size="50" value="${board.boardTitle}"></td></p>

<p></tr></p>

<p><tr></p>

<p><td height="300" align="center">Comment</td></p>

<p><td valign="top"><textarea id="boardComment"</p>

<p>name="boardComment" rows="20" cols="55">${board.boardComment}</textarea></p>

<p></td></p>

<p></tr></p>

<p> </p>

<p></tbody></p>

<p><tfoot></p>

<p><tr></p>

<p><td align="center">Writer</td></p>

<p><td></td></p>

<p></tr></p>

<p></tfoot></p>

<p></table></p>

<p></td></p>

<p></tr></p>

<p><tr></p>

<p><td align="right"><a href="/board/boardList.do">List</a></td></p>

<p></tr></p>

<p></table></p>

<p></form></p>

<p></body></p>

<p></html></p>

<p><strong>

 

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

2년 전

음...우선 input하고 textarea의 name을 배열로 처리하셔야 할 듯 하구요

디비 구성이 어떻게 되는지 모르겠지만

값을 넣으실 때 구분자로 구분하여 넣으시고 출력시 구분자로 잘라서 출력하셔야 해요

아니면 디비에 하나씩 따로 넣어도 되구요

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인