2016-09-30 4 views
0

데이터를 선택할 수있는 데이터가있는 테이블이 있습니다. 행을 넣으면 실수로 삭제 될 수있는 실행 취소 단추를 추가 할 수 있기를 원합니다. 마지막 행 삭제를 기억하기 만하면됩니다. 나는 모든 것을 기억할 필요가 없다. 어떻게 작동할까요? 행이 삭제 된 경우에만 표시 할 수있는 실행 취소 단추가 좋지만 그렇지 않은 경우 ... disabled 행이 아직 삭제되지 않았을 때 기능이 있고 행이있을 때마다 enabled이 될 수 있습니다. 삭제되었습니다.삭제 실행 후 취소 옵션/기능 만들기

여기까지 제가 지금까지 있습니다.

HTML/PHP :

<body> 

<table id="html_master"> 
<thead> 
    <tr> 
    <td>ID</td> 
    <td>Vendor</td> 
    <td>Buyer ID</td> 
    <td>POC Name</td> 
    <td>POC Email</td> 
    <td>POC Phone</td> 
    <td>Edit/Delete</td> 
    </tr> 
</thead> 
<tbody> 

<?php 
    foreach ($dbh->query($sql) as $rows){ 
    ?> 
    <tr> 
     <td class="mr_id" contenteditable="false"><?php echo intval ($rows['MR_ID'])?></td> 
     <td class="mr_name" contenteditable="false"><?php echo $rows['MR_Name']?></td> 
     <td class="buyer_id" contenteditable="false"><?php echo $rows['Buyer_ID']?></td> 
     <td class="poc_n" contenteditable="false"><?php echo $rows['MR_POC_N']?></td>  
     <td class="poc_e" contenteditable="false"><?php echo $rows['MR_POC_E']?></td> 
     <td class="poc_p" contenteditable="false"><?php echo $rows['MR_POC_P']?></td> 
     <td><button class="edit" name="edit">Edit</button> 
     <button class="delRow" name="delete" onclick="deleteRow(this)">Delete</button></td> 
     </tr> 
<?php 
    } 
?> 
</tbody> 
     <br> 
     <input type="button" class="add" value="Add Row" onclick="addRow('html_master')"> 
</table> 

</body> 

상대 자바 스크립트 :

function deleteRow(row) 
{ 
    var result = confirm("Are you sure you want to delete this entry?"); 
    if (result) { 
      var i=row.parentNode.parentNode; 
      i.parentNode.removeChild(i); 
}} 
+0

CSS를 사용하고 첫 번째 삭제시 숨 깁니다. 후속 '삭제'제거에서 요청 된 삭제를 숨 깁니다. – chris85

+0

이 코드의 모양이 어떤 방향으로 있습니까? 죄송합니다. 전 정확히 이런 일을 한 적이 없습니다. – Rataiczak24

+0

PHP가 아닌 JS 솔루션이 될 것입니다. PHP가 날 데려왔다. 미안. jquery가 있다면'attr' 함수를 사용하고'display'를'none'으로 설정할 수 있습니다. 바닐라 자바 ​​스크립트에서 잘 모르겠지만 어떻게 손에서 그것을 할 수 있습니다. – chris85

답변

0

삭제 된 행을 취소 할 수 없습니다. 난 당신이 새로운 테이블을삭제 된 레코드 삭제할 레코드 테이블에 레코드를 삽입하기 위해 먼저 선택한 레코드를 삽입 한 다음 기본 테이블에서 삭제하고 실행 취소 버튼을 클릭하면 다음에서 행을 선택 삭제라는 이름으로해야한다고 생각 삭제 된 레코드 테이블을 삭제 한 다음 주 테이블에 다시 삽입하십시오.