CODEWITHSUNDEEP
javascriptjquerycsstwitter-bootstrap
SpringLearner
SpringLearner

Reputation: 13854

how to replace edited row in table

In this fiddle There are two rows and each row have 2 bootstrap icons edit and delete.When edit icon is clicked then a bootstrap dialog box appears showing the existing column values,User can change the values and after clicking the save button the old values are replaced by the new one.I tried using 

$Updaterow.remove();
$Updaterow.append('<td>'+ $('#editName').val()+'/<td>'+'<td>'+ $('#editEmail').val()+'/<td>'+'<td>'+ $('#editmobile').val()+'/<td>');

but this is not working.I have also tried with this 

 $Updaterow.replaceWith('<td>'+ $('#editName').val()+'/<td>'+'<td>'+ $('#editEmail').val()+'/<td>'+'<td>'+ $('#editmobile').val()+'/<td>');

In this way also the new row is not getting replaced.Can any body please tell me how to do this?

Upvotes: 1

Views: 69

Answers (1)

Yury Tarabanko
Yury Tarabanko

Reputation: 45106

You are trying to replace TR with a TD. Try this

$Updaterow.replaceWith('<tr><td>'+ $('#editName').val()+'</td>'
       +'<td>'+ $('#editEmail').val()+'</td>'
       +'<td>'+ $('#editmobile').val()+'</td></tr>');

And the first one wont work since you are appending TD to a TR which is not in DOM any more.

Upvotes: 1

Related Questions