关闭弹出窗口的MVC控制器

3

当我在屏幕上点击一个链接时,会弹出一个窗口,该链接所在的视图名为_DetailsSurvey。在点击链接后,弹出窗口会显示_EditSurvey视图的内容。在_EditSurvey视图的末尾,我有一个按钮。

<input type="submit" value="Save" />

我正在使用Ajax选项,如果模型状态有效,则在按钮点击后将一行插入到Survey表中。

 @using (Ajax.BeginForm("SubmitSurvey", "Blog", null, new AjaxOptions
    {
    UpdateTargetId = "context",
    InsertionMode = System.Web.Mvc.Ajax.InsertionMode.Replace,
    HttpMethod = "Post",
    Url = "/Home/SubmitSurvey"
    },
    new { surveyItem = @Model }))

我希望的是,如果从SubmitSurvey方法返回后,模型状态是有效的,我想关闭弹出窗口。我使用以下方法实现,但它不起作用。
    Employee employee;
    if (ModelState.IsValid)
    {

        int employeeId = surveyItem.EmployeeId;
        int trainingId = surveyItem.TrainingId;
        employee = _work.EmployeeRepository.GetSet().
        FirstOrDefault(a => a.Id == employeeId);


        var training = _work.TrainingRepository.GetSet().Where(a => a.EmployeeId == employeeId && a.Id == trainingId).ToList().ElementAt(0);
        training.Survey = surveyItem.survey;
        training.SurveyId = surveyItem.survey.Id;

       /* _work.SurveyRepository.Add(surveyItem.survey);
        _work.SurveyRepository.Save();*/
        _work.TrainingRepository.UpdateAndSave(training);
        _work.TrainingRepository.Save();

    }
    else
    {

        return PartialView("_EditSurvey", surveyItem);
    }
    return JavaScript("window.close()");

我将创建我的弹出链接如下:

我按照以下方式创建我的弹出链接

 <tr>
    <td class="view_detail_label">
        Eğitim Adı
    </td>
        <td>

           @Html.ActionLink(
           training.Name.Name, 
           "AddSurvey", 
           new { 
               employeeId = Model.Id, 
               trainingId = training.Id 
           },
           new {
               @class = "addSurvey"
           }
       )
         <div class="result" style="display:none;"></div>             
        </td>            
    </tr>

所调用的Ajax代码如下:
 $(document).ready(function () {
    $('.addSurvey').click(function () {
        $.ajax({
            url: this.href,
            type: 'GET',
            cache: false,
            context: this,
            success: function (result) {
                $(this).next('.result').html(result).dialog({
                    autoOpen: true,
                    title: 'Anket',
                    width: 500,
                    height: 'auto',
                    modal: true
                });
            }
        });
        return false;
    });
});

在我的弹出视图中,我使用之前显示的Ajax BeginForm,下面是用户输入调查值的表格。最后我有提交按钮。

<table id="context">
<tr>
    <td>
        <div class="editor-label">
            @Html.LabelFor(model => model.survey.Context)
        </div>
    </td>
    <td>
        <div class="editor-field">
            @Html.EditorFor(model => model.survey.Context)
            @Html.ValidationMessageFor(model => model.survey.Context)
        </div>
    </td>
   </tr>
 <tr>
        <td>
            <input type="submit" value="Kaydet" />
            </td>
    </tr>

如果提供的输入有任何问题,我会在每个字段旁边显示验证消息。如果模型有效,我想要关闭弹出窗口。


JavaScript从MVC控制器中返回?你能这样做吗?为什么要这样做?如果用户填写了你给他们的表单,但你没有给任何反馈,那么这就是在浪费用户的时间。使用jQuery对话框,加载一个带有表单的局部视图。使用不显眼的验证进行客户端验证,并在提交后再次验证!然后返回一个局部视图,告知用户他们的表单已保存。让用户关闭对话框。 - Dave Lawrence
你可以返回Javascript,虽然还有其他相关的主题,但在这种情况下它不起作用。当模型无效时,我会为模型中的每个字段提供验证消息,向用户提供反馈。如何在视图中表示操作已成功完成? - pisuvar
我觉得这有点反模式,但无论如何,请尝试访问以下链接: https://dev59.com/RlrUa4cB1Zd3GeqPn9sb - Dave Lawrence
这也不起作用,当我从验证模型返回并尝试关闭窗口时,我已经将ViewBag.close设置为true,但它不起作用。提供的链接也无效。 - pisuvar
1个回答

2
打开弹出窗口是一个非常糟糕的想法,我不会在这里解释原因。我花了很长时间找到了一个我认为完美的解决方案(对我来说)。
在我的情况下,我将视图准备为部分视图(没有HTML、头文件和正文)。只有必要的项目在一个div中创建我的功能。
然后,我使用ajax查询请求我的部分视图,之后我使用JQuery对话框方法将我的视图显示为浮动对话框,并将OK按钮绑定到一个ajax post以将数据发送到服务器。如果您希望无障碍验证起作用,必须使用验证器解析表单。
我邀请您查看我的框架,您需要的一切都可用。 https://myprettycms.codeplex.com/SourceControl/latest#461106

我似乎找不到你在哪些组件中实现了我的问题,你将验证绑定在哪个控制器中,可以向我解释一下吗?谢谢。 - pisuvar

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接