任何回复模态弹出窗口的方式?

时间:2015-12-09 12:30:17

标签: c# jquery asp.net-mvc visual-studio-2012 bootstrap-modal

我在VS 2012中使用MVC实体框架,我有以下问题。 我在每个页面都有一个链接来添加一个新客户端,它会弹出一个模态弹出窗口,其中包含一个表单来添加所述客户端。我遇到的问题是,当我提交表单时,控制器会检查是否已添加该客户端。如果没有,则将用户带到客户端索引页面,并显示刚刚添加的客户端的详细信息。我不知道该怎么做的是,如果已添加该客户端,则再次显示模式弹出窗口,并在Unable to add client, another client with those details already exists的顶部显示错误消息。我的代码如下:

模态部分视图

@using System.Web.Optimization
@model Ringback.ViewModels.ClientDetailsViewModel

<div class="modal-dialog">
    <!-- Modal content-->
    <div class="modal-content">
        <div class="modal-header">
            <a class="close" data-dismiss="modal" aria-hidden="true">&times;</a>
            <h3>New Client</h3>
        </div>

        @using (Html.BeginForm("AddClientRow", "Client", null, FormMethod.Post, new { id = "AddClientDetailForm", @class = "" }))
        {    
            <div class="client-body">
                <div class="client-form">

                    <div class="client-form-control">
                        @Html.LabelFor(model => model.Firstname, new { @style = "margin-left:10px" })
                        @Html.TextBoxFor(model => model.Firstname, new { @style = "margin-left:9px" })
                        @Html.LabelFor(model => model.Surname, new { @style = "margin-left:10px" })
                        @Html.TextBoxFor(model => model.Surname, new { @style = "margin-left:14px" })
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <input type="submit" value="Save Changes" id="addNewClient" class="btn btn-primary" />
                <input type="button" value="Cancel" aria-hidden="true" data-dismiss="modal" class="btn btn-primary" />
            </div>
        }
    </div>
</div>

控制器

[HttpPost]
public ActionResult AddClientRow(ClientDetailsViewModel viewModel)
{
    using (var logger = new MethodLogger())
    {
        try
        {
            var clientId = 0;
            if (ModelState.IsValid)
            {
                var client = new App_Client()
                {
                    Firstname = viewModel.Firstname,
                    Surname = viewModel.Surname,
                };
                var clients = _clientService.GetAllClients().Where(x => x.Firstname == client.Firstname &&
                                                                        x.Surname == client.Surname);
                if (!clients.Any())
                {
                    _clientService.SaveClient(client);
                    clientId = client.ClientId;
                }
                else
                {
                    //don't know what to put here to show the modal again with the error message
                }
            }
            return RedirectToAction("Index", new { clientId = clientId });

        }
        catch (Exception e)
        {
            logger.LogException(e);
            throw;
        }
    }
}

如果我将RedirectToPartial与模态部分的名称放在一起,它将不会将其作为模式弹出窗口加载到用户所在的任何页面上,而是将其重定向到其上包含模式内容的页面,没有其他的。我想我可以使用Json实现这一点,但它似乎很乱,如果我可以在控制器中放一些东西来处理它会更容易。它是可行的,还是Jquery唯一的方法?

1 个答案:

答案 0 :(得分:1)

您可以通过将JavaScript与ajax一起使用来实现。

该怎么做: -

  1. 只需在控制器中创建一个检查用户是否存在的方法。它 将以json格式返回结果。
  2. 创建一个JavaScript函数,对该方法进行ajax调用 如果用户不存在,则返回true;如果用户已经存在,则返回false 存在并在该模型内部显示一条消息。
  3. 在您正在使用的按钮上调用该JavaScript函数 后回。
  4. 它会起作用。在使用模型时,我也多次做同样的事情。