Member 13979309 Ответов: 1

Можно ли передать данные из списка объектов в модал в MVC ASP.NET-что?

Я пытаюсь передать данные во всплывающее модальное окно мой код выглядит следующим образом

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

Что я уже пробовал:

@for (int i = 0; i < Model.Count; i++)
       {
                                               @Model[i].Name
                                                 

                    <div class=" control-label col-lg-12">
                        
                            اضافه کردن محصول
                        
                    </div>
            
                    <div class="modal fade" id="exampleModal">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title" id="exampleModalLabel">اضافه کردن محصول به سینی</h5>
                                    <div>
                                        
                                            <span>×</span>
                                        
                                    </div>
                                </div>
                                <div class="modal-body">

                                    @Html.Partial("_create", @Model[@i])

                                    @*
                        <span id="idHolder"></span>*@
                                </div>
                                @*<div class="modal-footer">
                        Close
                        Save changes
                    </div>*@
                            </div>
                        </div>
                    </div>

Afzaal Ahmad Zeeshan

Как вы показываете модальное? По щелчку чего-то или при загрузке страницы?

Sunasara Imdadhusen

Можете ли вы поделиться более глубоким пониманием? Как вы показываете всплывающее окно, а также некоторые вырезанные из контроллера.

1 Ответов

Рейтинг:
1

Richard Deeming

Проблема в том, что вы используете то же самое id для каждого модального диалога. В HTML, то id атрибут должен быть уникальным в пределах документа.

При попытке доступа к модальному элементу с идентификатором exampleModal, браузер не имеет никакого способа узнать который элемент, к которому вы хотите получить доступ, поэтому он должен выбрать один из них. Какой из них вы получите, будет зависеть от Вашего браузера - похоже, что ваш браузер всегда выбирает первый элемент с этим идентификатором.

Каждому модальному элементу необходимо присвоить уникальный идентификатор.

@for (int i = 0; i < Model.Count; i++)
{
    string modalId = "exampleModal" + i;
    string headerId = "exampleModalLabel" + i;
    
    ...
    
    <div class="modal fade" id="@modalId" tabindex="-1" role="dialog" aria-labelledby="@headerId" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="@headerId">...