動態的從tr裏拿id

原創

2020-02-20 18:02

<%@ page language="java" contentType="text/html; charset=UTF-8"
   pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/common/includes.jsp"%>

<jsp:include page="../../common/header.jsp">
   <jsp:param name="title" value="房源回收站" />
   <jsp:param name="css" value="lp,house" />
   <jsp:param name="ajs"
       value="${publicResourceUrlPre}/public/js/WdatePicker.js" />
</jsp:include>

<div class="container">
   <jsp:include page="../../common/_pzglNav.jsp">
       <jsp:param name="curNav" value="fyhszList" />
   </jsp:include>

   <div class="mt_15">
       <table border="0" width="100%" cellpadding="0" cellspacing="0"
           class="tableListNew mt_10">
           <tr class="trHead">
               <td width="60" nowrap>序號</td>
               <td width="200" nowrap>房源</td>
               <td width="100" nowrap>房源編號</td>
               <td width="100" nowrap>狀態</td>
               <td width="120">刪除時間</td>
               <td width="180" nowrap>操作人</td>
               <td width="75" nowrap>操作</td>
           </tr>
           <c:forEach var="pro" items="${paginate.pageList}" varStatus="i">

               <tr id="pro_${pro.propertyId }">//拿到的id
                   <td nowrap>${i.index+1}</td>
                   <td nowrap>${pro.fullName} </td>
                   <td nowrap class="propertyId_${pro.propertyId}">${pro.propertyNo}</td>
                   <td nowrap><span>${pro.status}</span> </td>
                   <td><fmt:formatDate value="${pro.deletedAt}"
                           pattern="yyyy-MM-dd HH:mm:ss" /></td>
                   <td nowrap>${pro.username}</td>

                   <td nowrap><c:if test="${dy:hasAllOperORV2(SESSION_USER_V2,'PRP_Delete')}">
                           <input type="button" οnclick="recle('${pro.propertyId }',${pro.id})" value="還原">//事件的觸發帶參數id
                       </c:if>  </td>

               </tr>
           </c:forEach>
       </table>
       <div class="pageCon">
           <app:paginate />
       </div>
   </div>
</div>
<jsp:include page="../../common/footer.jsp"></jsp:include>
<script type="text/javascript">
function recle(propertyId,id){
   if(!confirm("確定要還原嗎？")){
       return false;
   }
      alert(propertyId+"propertyId");
      alert(id);
   var url = '/propertyRecycle/'+ id;
   $.ajax({
       url:url,
       type:'delete',
       datatype:'json',
       success:function(){
           $("#pro_" + propertyId).hide();//動態的id隱藏
       }
   });

}
</script>