Модал в foreach, возвращающий одинаковые данные для каждого модального - PullRequest
Новая
       16

Модал в foreach, возвращающий одинаковые данные для каждого модального

0 голосов
/ 04 мая 2020

Я пытаюсь заполнить модалы различными данными, я создаю кнопки модалов, используя foreach l oop, а затем хочу применить соответствующие данные к нужному модалу.

Проблема, которая у меня есть, заключается в что модальный показывает те же данные для каждой модальной кнопки. Как я могу сделать это уникальным? Когда он делает l oop, он фактически размещает правильную информацию, но когда страница загружается, он показывает только один тип данных для каждого модального режима. 

@foreach (DataRow row in Model.Tables[0].Rows)
    {
        <tr>
            <td>@row["SerialNumber"]</td>
            <td>@row["DtTmGenerated"]</td>
            <td>
                <button type="button" class="btn btn-danger btn-sm" data-toggle="modal" data-target="#myModal">View Error</button>

            </td>
        </tr>
    }
    </thead>
    <tbody></tbody>
</table>


@if (Model.Tables[0].Rows.Count != 0)
{
    <script type='text/javascript'>
        window.onload = function() {
            document.getElementById("cssClass").style.display = 'none';

        }
    </script>
}



<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
    <div class="modal-dialog">

        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">

                <h4 class="modal-title justify-content-center">Panda Error information</h4>
            </div>
            <div class="modal-body">
                @foreach (DataRow row in Model.Tables[0].Rows)
                {
                    var test = Convert.ToString(row["FriendlyError"]);
                    if (test != "No Error" )
                    {
                        <p>@row["FriendlyError"]</p>
                    }



                }
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
</body>
</html>
...