提交表单后在 mvc asp.net 中打开一个弹出窗口

debugcn 发表于 Dev

赫尔德·佩雷拉

提交后我无法打开模态窗口。到目前为止，我所拥有的是：这是我的 View Permitions.cshtml 正在调用它正在提交到控制器管理中的 Action SalvarPermissoes

@using (Html.BeginForm("SalvarPermissoes", "Admin", FormMethod.Post, new { @class = "form-horizontal", role = "form" }))
    {
        <header>
            <h2 id="titulo" name="titulo">@ViewBag.Title  | @ViewBag.UserPrincipal.Name | @ViewBag.UserPrincipal.EmployeeId </h2>
        </header>
        <input name="permissoes_modulos" hidden value="@ViewBag.UserPrincipal.EmployeeId" />
        <table>
            @foreach (var mod in ViewBag.Modulos)
            {
                <tr>
                    <td><label name="permissoes_modulos" value="@mod.moduloId">@mod.moduloId</label></td>
                    <td><label>@mod.nomeModulo</label></td>
                    <td>
                        <div class="form-check">
                            <label class="switch">
                                @if (mod.acesso == 1)
                                {
                                    <input name="permissoes_modulos" type="checkbox" checked data-toggle="toggle" id="@mod.moduloId" value="@mod.moduloId"/>
                                }
                                else
                                {
                                    <input name="permissoes_modulos" type="checkbox" data-toggle="toggle" id="@mod.moduloId" value="@mod.moduloId"/>
                                }
                                <span class="slider round"></span>
                            </label>
                        </div>
                    </td>
                </tr>
            }
        </table>
        <div class="col-md-offset-2 col-md-10">
            <input type="submit" class="btn btn-default" value="salvar" />
        </div>
    }

然后我的管理员控制器有操作 SalvarPermissoes

public ActionResult SalvarPermissoes(int[] permissoes_modulos)
{
    int employeeID = permissoes_modulos[0];

    UserManagement userManagement = new UserManagement();
    userManagement.EmployeeID = employeeID;
    userManagement.DeleteUserManagement();

    for(int i = 1; i < permissoes_modulos.Length; i++)
    {
        userManagement.ModuleID = permissoes_modulos[i];
        userManagement.InsertUserManagement();
    }

    return View(); //this target view is suppose to be a modal window
}

这个控制器被称为视图 SalvarPermissoes.cshtml，我想成为一个使用优先引导程序的模式窗口。

提前致谢

塔哈苏丹铁木里

您可以使用 viewBag 从控制器发送消息以查看。由于 ViewBag.Msg 被检查为空，它只会在初始化 insde SalvarPermissoes 操作后弹出消息。

public ActionResult SalvarPermissoes(int[] permissoes_modulos)
{
 int employeeID = permissoes_modulos[0];

UserManagement userManagement = new UserManagement();
userManagement.EmployeeID = employeeID;
userManagement.DeleteUserManagement();

for(int i = 1; i < permissoes_modulos.Length; i++)
{
    userManagement.ModuleID = permissoes_modulos[i];
    userManagement.InsertUserManagement();
}
ViewBag.Msg = "Thankyou for submitting form";
return View(); //this target view is suppose to be a modal window
}

看法

把这个放在视图的顶部

@if (ViewBag.Msg != null)
{

    <!-- Modal -->
<div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Post Status</h4>
            </div>
            <div class="modal-body">
                <p >@ViewBag.Msg.</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

<button type="button" class="btn btn-info btn-lg" id="bootstrapmodel" data-toggle="modal" data-target="#myModal" style="display:none">Open Small Modal</button>
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

    <script>

    $('#myModal').modal('show');
    </script>
}

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。