繁体   English   中英

提交Ajax.BeginForm将目标div替换为整个页面

[英]Submitting an Ajax.BeginForm replaces the target div with the whole page

我有一个局部视图,其中包含用于获取用于插入/更新数据库记录的数据的表单。 具有部分视图的页面显示没有问题。 填写数据并过帐表格可以正常工作(记录已正确保存到数据库中)。 问题是,尽管我返回了部分视图( return PartialView(); ),但系统将目标div替换为整个页面(而不仅是部分视图)!

从以上症状,您可以了解:

  • 响应的控制器是正确的控制器(记录保存在DB中)。
  • 必要的js脚本没有丢失(实际上ajax替换了页面的一部分)

请注意,部分视图以Layout = ""开头(因此它不引用任何布局)。 我也用Layout = null进行了测试,结果相同。

其他详情:

  • Visual Studio社区2015
  • 容器页面是通过Umbraco CMS实施的。

部分视图

@using FLATS;

@model TMSCounterpartyModel
@{
    Layout = "";

    TMSCounterpartyModel myModel = (TMSCounterpartyModel)Model;

    Html.EnableClientValidation(true);
    Html.EnableUnobtrusiveJavaScript(true);

    AjaxOptions ajaxOpt = new AjaxOptions {
        HttpMethod = "POST",
        InsertionMode = InsertionMode.Replace,
        UpdateTargetId = "frmEditCounterparty"
    };
}

@using(Ajax.BeginForm("HandlePost", "EditTMSCounterparty", null, ajaxOpt, new { @id="editCptyForm" }))
{

    @Html.AntiForgeryToken()

    <div class="row">

        <fieldset>
            @Html.HiddenFor(model => model.Id)

...

                <div class="row margin-top-20">
                    <div class="col-xs-10 col-xs-offset-1 col-sm-8 col-sm-offset-3 col-md-8 col-md-offset-2">
                        <input id="btnSubmit" type="submit" value="Save" class="form-control" />
                    </div>
                </div>

        </fieldset>

    </div>
}

控制器

public class EditTMSCounterpartyController : System.Web.Mvc.Controller
{
    [HttpPost]
    [ValidateAntiForgeryToken()]
    public PartialViewResult HandlePost(TMSCounterpartyModel model)
    {
        string viewPath = Library.PartialViewFullPath("EditCounterparty.cshtml");

        if (ModelState.IsValid == false)
        {
            return PartialView(viewPath, model);
        }

        if (model.Save() == true)
        {
            TMSCounterpartyModel newModel = new TMSCounterpartyModel();
            newModel.LoadOrDefault(model.Id);

            return PartialView(viewPath, newModel); 
        }
        else
        {
            return PartialView(viewPath, model);
        }
    }
}

任何帮助表示赞赏。

先感谢您。

最终,问题似乎与“地图路线”有关。 我添加了RouteTable.Routes.MapRoute("EditCpty", "EditTMSCounterparty/{action}", new { controller = "EditTMSCounterparty", action= "OpenForm" }); 问题解决了。

虽然,我仍然不明白为什么MVC会找到控制器,但是它弄乱了返回的PartialViewResult。 无论如何。

谢谢大家的努力。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM