Параметрированное подтверждение удаления Modal .NET Core 2.1

Question

Я немного новичок в веб-разработке.У меня есть приложение со многими сайтами индекса, которые отображают список с элементами.Эти элементы могут быть удалены с помощью HtmlAction.Я хочу сделать универсальный?модальные, которые появляются, когда пользователь нажал кнопку.Этот модальный запрос подтверждения от пользователя, чтобы удалить выбранный элемент из списка.Если я прав, я должен передать некоторые данные в этот мод, например (какой контроллер, какое действие, какой elementId).Как я могу создать параметризованный модал?Можете ли вы дать мне некоторую отправную точку для этого?

<div class="row ">
    <div class="card">
        <table class="table">

            <tr>
                <td>
                    <h5>@Html.DisplayNameFor(item => item.SupplyTypeName)</h5>
                </td>
                <td></td>
            </tr>
            @foreach (var item in Model)
            {
                <tr>
                    <td>
                        @Html.DisplayFor(modelItem => item.SupplyTypeName)
                    </td>
                    <td>
                        <i class='material-icons'>
                            @Html.ActionLink("mode_edit", "Edit", new { id = item.Id })
                        </i>
                        <i class='material-icons' data-toggle="modal" data-target="#myModal">
                            *
                        </i>
                    </td>
                </tr>
            }

        </table>
    </div>
</div>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Delete Confirmation</h4>
            </div>
            <div class="modal-body">
                Are you sure want to delete this item?
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-danger">Delete</button>
            </div>
        </div>
    </div>
</div>

Answer 1

Без написания JavaScript вы должны создать собственный модал для каждой строки.Также приятно показывать пользователю что-то связанное со строкой в ​​модальном режиме, чтобы пользователь знал, что он щелкнул «Удалить» для правильной строки.

Если вы планируете использовать JavaScript, то проще всего добавить обработчик события щелчка и показать браузерам собственное всплывающее окно подтверждения с *Функция 1003 * затем отменяет событие, если они не нажимают ОК.Например, <a href="/delete/item/56" onclick="return confirm('Are you sure?')">Delete</a>

Если вы пишете JavaScript для модального Bootstrap, вам нужно добавить свой собственный обработчик событий нажатия, который получает атрибуты данных кнопки удаления и патчи (может быть, устанавливает идентификатор для URL, где подтверждают сообщения кнопки), модально используя эти данные допоказывая это.