namxjung
30
2021-05-05 03:16:47 작성 2021-05-05 03:18:30 수정됨
0
58

제이쿼리 테이블 중간에 외부함수를 추가하고싶습니다


<h1>

리뷰목록<br>

</h1>

<div id="reviewList">

<c:forEach items="${Reviewlist}" var="Reviewlist">

<table class="reviewInfo">

<tr>

<th>리뷰번호:</th>

<td width="500" style="word-break: break-all">&nbsp;${Reviewlist.reviewNum}</td>

</tr>

<tr>

<th>작성자:</th>

<td width="500" style="word-break: break-all">&nbsp;${Reviewlist.id}<br>

<input type="button" value="신고하기"

onclick="openWarning(${Reviewlist.reviewNum})" />

</td>

</tr>

<tr>

<th>별점:</th>

<td width="500" style="word-break: break-all">&nbsp;${Reviewlist.star}</td>

</tr>

<tr>

<th>작성일:</th>

<td width="500" style="word-break: break-all">&nbsp;${Reviewlist.regdate}</td>

</tr>

<tr>

<th>리뷰내용:</th>

<td width="500" style="word-break: break-all"><img

src="‪C:\storeimages\defaultimiage.PNG"><br>

${Reviewlist.content}</td>

</tr>

</table>

</c:forEach>

</div>

<script>

function openWarning(reviewNum) {

var popWidth = 600;

var popHeight = 400;

var winHeight = document.body.clientHeight;

var winWidth = document.body.clientWidth;

var winX = window.screenLeft;

var winY = window.screenTop;

var popX = winX + (winWidth - popWidth) / 2;

var popY = winY + (winHeight - popHeight) / 2;

url = "/warningProcess/" + reviewNum

var openWin = window.open(url, "openWarning", "left=" + popX

+ ",top=" + popY + ",width=" + popWidth + ",height="

+ popHeight);

}

</script>


<c:forEach var="cnt" begin="1" end="${totalCount}" step="1">

<a href="javascript:goPaging(${storeNum}, ${cnt });">${cnt }</a>

</c:forEach>


<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>


<script>

function goPaging(storeNum, pageNo) {

$.ajax({

url:"/project/StoreView2/" + storeNum + "/" + pageNo,

type:"get",

dataType:"json",

success:function(data){

console.log(data);

var keys = ["reviewNum","id", "star", "regdate", "content"];

var datas = ["리뷰번호","작성자", "별점", "작성일", "리뷰내용"];

var table = $("<table>", {"class":"reviewInfo"});

$(data).each(function(i, elem){

let img = $("<img>").attr("src", elem.picture != null ? elem.picture : "C:\storeimages\defaultimiage.PNG");

table

.append($("<tr>").append($("<th>").text("리뷰번호")).append($("<td>", {text:elem.reviewNum})))

.append($("<tr>").append($("<th>").text("작성자")).append($("<td>", {text:elem.id}, {html:"<br />"}).append($("<input>").attr("type", "button").attr("value","신고하기")

//외부함수 openWarning이 들어갈부분 이부분을 어떻게 해야할까요?? )))

.append($("<tr>").append($("<th>").text("별점")).append($("<td>", {text:elem.star})))

.append($("<tr>").append($("<th>").text("작성일")).append($("<td>", {text:elem.regdate})))

.append($("<tr>")

.append($("<th>").text("리뷰내용")).append($("<td>", {html:"<br />" + elem.content, css:{width:"500px", "word-break":"break-all"}})

.prepend(img)));

});

console.log(table);

$("#reviewList").children().remove();

$("#reviewList").append(table);

},

error:function(xhr, status, res) {

console.log("error")

console.log(xhr);

console.log(status);

console.log(res);

}

});

}

</script>

=========================================================================
위 리뷰는 ajax를 통해 비동기통신으로 페이징처리가 되는데 작성자 부분아래에 보면 외부함수 openWarning을 호출하는 부분이있습니다 이부분을 아래에 ajax table부분 ,append()함수로 만들어진테이블 부분에 넣고 싶은데 어떻게 해야할지 감이안오네요 지금 이것땜에 이틀째 골머리를 앓고있습니다 선배님들 조언부탁드립니다 ㅠㅠ
0
  • 답변 0

  • 로그인을 하시면 답변을 등록할 수 있습니다.