如何在删除功能的ASP.NET MVC中添加引导模态? [英] How to add bootstrap modal in ASP.NET MVC on delete function?

问题描述

我的控制器:

My Controller:

[HttpPost]
       public ActionResult DeleteStudent(int id)
       {
           Student s = db.Students.Include("Cla").Include("Section").Where(e => e.Id ==
                                   id).SingleOrDefault();
           db.Students.Remove(s);
           db.SaveChanges();
           return RedirectToAction("AllStudent", "Admin");
       }

我的看法:

My View:

@model PagedList.IPagedList<TakGayeYArHumB.Models.Student>
@using PagedList.Mvc;
 <table class="table table-bordered">
                        <tr>
                            <th>Options</th>
                        </tr>
                        @foreach (var item in Model)
                        {
                           <tr> 
                               <td>
                                  <div class="btn-group">
                                         <button type="button" class="btn btn-                     
                                      primary dropdown-toggle" data-toggle="dropdown">
                                           Action <span class="caret"></span>
                                         </button>
                                             <ul class="dropdown-menu" role="menu">
                                                                    <li>@Html.ActionLink("Edit", "UpdateStudent", new { id = item.Id })</li>
                                                                    <li>@Html.ActionLink("Delete", "DeleteStudent", new { @id = "form-message-delete" })</li>

                                                                 </ul>
                                                     
                                                             </div>
                                 
                                                        </td>
                                                    </tr>
                                                 }
                                        </table>

function messageDelete(index) {
    bootbox.dialog({
        message: "Are you sure you want to delete the message ?",
        title: "Delete Message Confirmation",
        buttons: {
            success: {
                label: "Continue",
                className: "btn-success",
                callback: function deletemember() {
                    $('.messageId').val(index);
                    $('#form-message-delete').submit();
                },
                danger: {
                    label: "Cancel",
                    className: "btn-danger",
                    callback: function () {
                        bootbox.hideAll();
                    }
                }
            }
        }
    });

};

我尝试过的事情:

当我单击删除链接"时，我试图显示一个弹出窗口.但这是行不通的.任何人都可以解决此问题.尽管它可以正确删除数据，但不会显示弹出窗口.

What I have tried:

I''m trying to show a pop up When i click on a Delete Link. But it is not working. Can anyone solve this problem.Although it delete data correctly but not showing pop up.

推荐答案

(' .messageId').val(index);

('.messageId').val(index);

(' #form-message-delete').submit(); }， 危险: { 标签:" ， className:" ， 回调:功能(){ bootbox.hideAll(); } } } } }); };

('#form-message-delete').submit(); }, danger: { label: "Cancel", className: "btn-danger", callback: function () { bootbox.hideAll(); } } } } }); };

我尝试过的事情:

当我单击删除链接"时，我试图显示一个弹出窗口.但这是行不通的.任何人都可以解决此问题.尽管它可以正确删除数据，但不会显示弹出窗口.

What I have tried:

I''m trying to show a pop up When i click on a Delete Link. But it is not working. Can anyone solve this problem.Although it delete data correctly but not showing pop up.

这篇关于如何在删除功能的ASP.NET MVC中添加引导模态?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！