Отображение окна подтверждения загрузки Bootstrap в приложении ASP.net MVC - PullRequest
Новая
       10

Отображение окна подтверждения загрузки Bootstrap в приложении ASP.net MVC

0 голосов
/ 06 сентября 2018

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

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

   public ActionResult approveLoanByID(int id)
    {
        var logic = new LoanDetailsDataLogic();
        bool result = logic.approveLoan(id);
        return RedirectToAction("UnsuccessLoan");
    }

Мне нужно добавить модель / коробку подтверждения Boostrap при нажатии кнопки «Подтвердить». Как я могу сделать это с помощью MVC. Мой взгляд следующим образом

Часть моего вида кода 

@foreach (var item in Model)
{
    <tr>
        <td>
            @Html.DisplayFor(modelItem => item.LOAN_STATUS_ID)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.LOAN_STATUS_DES)
        </td>
        <td>
            <input onclick="location.href='@Url.Action("approveLoanByID", "LoanDetails",new { id = item.ID } )'" type="button" class="btn btn-danger" value="Approve" />
        </td>
        <td>

            @*@Html.ActionLink("Checkout and view order list", "rejectLoanByID" , "LoanDetails" , new { id=item.ID }, new { onclick="return confirm('Are you sure you want to click this link?')" })*@ 

        </td>
    </tr>
}

Я пробовал что-то подобное, но мне нужно использовать модель boostrap для подтверждения одобрения.

образец модели Boostrap 

<div class="modal fade" id="deleteConfirmModal" tabindex="-1" role="dialog" aria-labelledby="deleteLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="deleteLabel">Deleting a Notification</h4>
            </div>
            <div class="modal-body">
                <p>You have selected to delete this notification.</p>
                <p>
                    If this was the action that you wanted to do,
                    please confirm your choice, or cancel and return
                    to the page.
                </p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-success" data-dismiss="modal">Cancel</button>
                <button type="button" class="btn btn-danger" id="deleteConfirm">Yes</button>
            </div>
        </div>
</div>
...