Django templates - pass data outside for loop

Question

I have a table of users and one table data is a button that opens up a modal, I am including the modal in the tamplate with the include tag. How do I pass the user from the row in which the button was clicked to the include tag?

{% for user in users %}
<tr>
 <td>
   <button class="btn btn-lg device-select-button">
          <span>Select Device</span>
   </button>
 </td>
</tr>
{% endfor %}

{% include 'app/admin/users/device_select_modal.html' user={{add here user}} %}

In other implementation I have generated a modal for each row, and it works but slow, So I want to reimplement that

Answer 1

One approach might be to store the required data you want to pass to the modal as html data attribute

<button data-id={{ user.id }} data-name="{{ user.name }}" class="btn btn-lg device-select-button">

And in your implementation of the modal you can pass data using the onclick attribute of the button with some javascript.

<button onclick="yourFunctionThatOpensModal(this.getAttribute('data-name'), this.getAttribute('data-id'))"  data-id={{ user.id }} data-name="{{ user.name }}" class="btn btn-lg device-select-button">