У меня есть следующий графический интерфейс для простого приложения управления запасами:
Моя проблема в том, что * @Url.Action(...) элемента <tr> не позволяет кнопке удаления (мусор) вызывать мод загрузки. Страница переместится на страницу «Детали». Тем не менее, кажется, что модальное всплыло бы , если бы оно не перемещалось.
Разметка строки таблицы:
<tr onclick="location.href = '@(Url.Action("Action", "Controller", new { id = item.ItemID }))'" class="inventory-row">
... <!-- Item Info -->
</tr>
Удалить кнопку разметки:
@Html.ActionLink("<i class='fas fa-trash-alt'></i>", "#", null, new { @class = "btn btn-danger", @data_toggle = "modal", @data_target = "#DeleteConfirmationModal" })
Пометка кнопки «Пробная / альтернативная»:
<button type="button" class="btn btn-danger" data-toggle="modal" data-target="#DeleteConfirmationModal">
<i class="fas fa-pencil-alt"></i>
</button>
Моя цель - открыть простое "Вы уверены, что хотите удалить элемент?" модальный.
Как мне получить кнопку удаления, чтобы открыть модал начальной загрузки, сохраняя при этом функциональность, заключающуюся в том, что нажатие на строку таблицы переходит на страницу "Детали"?
Я бы предпочел использовать синтаксис бритвы для достижения этой цели, но вы знаете поговорку ... в конце дня мне просто нужно что-то, что будет работать.
В случае, если это помогает ... этот вопрос - как я получил кнопку редактирования (карандаш) для правильной работы, а этот вопрос - как я получаю модал для всплывающего окна? когда страница не перемещается.
EDIT:
Я считаю, что кнопка редактирования (карандаш) работает только потому, что она перемещается на страницу редактирования элементов, прежде чем элемент <tr> сможет перейти на страницу сведений. Кнопка «Удалить» («мусор») вызывает модал, вложенный в ту же страницу, что позволяет элементу <tr> перейти на страницу сведений.
Нужно ли пересматривать дизайн моего интерфейса? или возможно, чтобы все элементы, кроме последнего <td>, были активными, чтобы эффективно удалять конфликт из кнопок?
РЕДАКТИРОВАТЬ 2:
Вот ссылка на разметку для таблицы: ссылка
РЕДАКТИРОВАТЬ 3:
Метод удаления в контроллере:
[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult DeleteConfirmed(int id)
{
try
{
Item.RemoveItem(id);
return RedirectToAction("Index");
}
catch
{
return View();
}
}