2016-09-30 14 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> 

相対Javascriptを:

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を使用して、最初の削除時にCSSを非表示にします。それに続く 'delete'除去では、要求された削除を隠す。 – chris85

+0

このコードがどのように表示されるかについての方向はありますか?申し訳ありませんが、私はこれまでにまったく同じようなことをしたことはありません。 – Rataiczak24

+0

それはPHPではなくJSソリューションになります。 PHPが私をここに連れて来ました。 jqueryをお持ちの場合は、 'attr'関数を使用して' display'を 'none'に設定することができます。しかし、バニラのjavascriptではどうやってそれをやるのかはわかりません。 – chris85

答えて

0

あなたが削除された行を元に戻すことはできません。私はあなたが新しいテーブル削除されたレコードという名前の列を持つテーブルを削除する必要があります最初に削除レコードテーブルにレコードを挿入し、メインテーブルからそれを削除すると、元に戻すボタンをクリックし、レコードテーブルを削除し、メインテーブルに再度挿入します。

関連する問題