如何在while循环中将唯一数据传递给引导模式

Question

I am trying to create a delete-button for each printed row in a php while loop that opens a modal window. The delete query will be executed from the modal.

How can I pass the corresponding row's id, title etc to the modal? The way it is now, I only get the data from the first table row no matter what delete-button I press.

There are many solutions out there, but I can't make them work. Hoping someone can help me understand this...

Answer 1

PHP is server side, so it really needs done in Javascript.

I created a Javascript lib if you are interested called bs-delete-confirm. you add a class to your delete button, and when you click it, it stops an href from leaving the page and brings up a Bootstrap modal asking if you are sure you wish to perform the action. Clicking ok follows the link, clicking cancel doesn't. Simple!.

Check it out here https://github.com/delboy1978uk/bs-delete-confirm

<a href="/delete-url" class="delete-class">X</a>

$(document).ready(function(){
  $('.delete_class').deleteConfirm();
});

and that's it! you now have a delete confirm modal :-)

Answer 2

I tend to create a hidden modal in the bottom of my html and clone it into a new variable, then change the data for that new modal, append it and fire it up.

That way when you delete it or need to create a second one, you always have access to your template/blueprint. It also allows you to keep a separate reference to every modal for later use.

eg $modal1.find('.inputEmail') and $modal2.find('.inputEmail')

You can even make that dynamic afterwards if you have many inputs