Asp.net MVC передал значения модальным

Question

У меня есть таблица из моего обзора, и она загружает данные из моей базы данных Mysql, и как только вы нажмете кнопку обновления в таблице, появится всплывающее окно, которое предположительно загружает данные из моей таблицы, и моя проблема в том, что это не так.получая правильное значение, каждый раз, когда я нажимаю на любую в моей таблице строк, она будет иметь одно и то же значение.

Вот мой вид:

<table border="1">
<thead>
    <tr>
        <th>OP</th>
        <th>OP Desc</th>                
    </tr>
</thead>
<tbody>
  @foreach (var item in Model)
    {
        <tr>
            <td>@item.op</td>
            <td>@item.op_desc</td>
            <td>                            

                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModalCenter">Update</button>

                <div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
                    <div class="modal-dialog modal-dialog-centered" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="exampleModalLongTitle"><b>Update selected values:</b></h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">
                                <dl class="dl-horizontal">
                                    <dt>
                                        OP:
                                    </dt>
                                    <dd>
                                        @item.op
                                    </dd>
                                    <dt>
                                        OP Desc:
                                    </dt>
                                    <dd>
                                        @item.op_desc                                               
                                </dl>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                <button type="button" class="btn btn-primary">Save changes</button>
                            </div>
                        </div>
                    </div>
                </div>

            </td>
        </tr>
    </tbody>
</table>

, поэтому вместо отображения на моем текущемВкладка Я решил передать его модальному, чтобы сделать его всплывающим

Answer 1

Проблема в том, что все ваши кнопки указывают на один и тот же модал:

data-target="#exampleModalCenter"

и все ваши модалы имеют одинаковый идентификатор (который не является действительным HTML):

id="exampleModalCenter"

Чтобы решить эту проблему, вам нужно дать каждому модалу уникальный идентификатор, например:

@foreach (var item in Model)
{

   <button data-toggle="modal" data-target="#@Model.UseSomeUniqueProperty" // other attributes...
   <div id="@Model.UseSomeUniqueProperty" class="modal fade" // other attributes

   // rest of your code...