mvc 视图插入错误的“DOM”泰勒里克窗口

Question

如果这成为一个很长的问题，请提前道歉...

背景信息

我有一个使用 Telerik 组件的 MVC 3 应用程序，并且这个特定问题是特定于（我认为）Window() 组件的。

从我的主视图 (Index.cshtml) 中，我执行一个 ajax 请求来返回一个部分视图，这就是我用来填充窗口内容的部分视图。这是正在执行请求的 jquery：

var url = '@Url.Action("GetAddPart", "Jobs")';            
var window = $("#Window").data("tWindow");
var data = $("#indexForm").serialize();
window.ajaxRequest(url, data);
window.center().open();

控制器操作是：

[HttpGet]
public ActionResult GetAddPart(MDTCompletedJobM model)
{
    // show the AddPart window

    //TryUpdateModel<MDTCompletedJobM>(model);
    model.ActionTakenList = ActionTakenList;
    model.ProblemTypes = ActualProblemList;
    var addPartM = new MDTAddPartM() { CompletedJobM = model };
    return PartialView(string.Concat(ViewDefaultUrl, "AddPart.cshtml"), addPartM);
}

这将打开我的窗口 hunky dory。

在我的部分视图中，我有一个包含两个或三个字段和一个“添加”、“取消”按钮的表单。为了简洁起见，我将只显示我认为部分视图的相关部分，但我可以生成整个视图（如果需要）：

<div id="resultDiv">
    @using (Html.BeginForm("AddPart", "Jobs", FormMethod.Post, new { id = "addPartForm", name = "addPartForm" }))
    { 

             ** layout components removed from here **

        <input type="button" value="Add" class="t-button" id="btnAdd"/>
        <input type="button" value="Cancel" class="t-button" id="btnCancel"/>

        <p />
        <div id="progressdiv">
        </div>

    }    
</div>

是部分视图中的“顶级”标记，

用于处理取消按钮的是：

$("#btnCancel").click(function () {
    var window = $("#Window").data("tWindow");
    window.close();
});

在我的主视图中，我有一个提交按钮，完成后有效地重新显示主视图“禁用”或。显示此提交的操作。按钮返回主视图：

Controller's action snippet:
            if (ViewData["DoPayJobWarningStr"] == null)
                return RedirectToAction("GetAutoDispatchJob", new { autoDispatchJob = model.JobReferenceNumber});
            else
                return View(string.Concat(ViewDefaultUrl, "Index.cshtml"), tmpModel);

我的实际问题

对于我正在使用的特定示例，我期望 ViewData["DoPayJobWarningStr"] 不为空，那里将执行 return View(...)如果

我在不打开窗口的情况下执行此操作（针对提交按钮），我的视图将正确返回，并且页面会更新以显示警告消息，但是，如果我先打开窗口然后执行提交按钮，则视图不会。页面上未更新，但似乎已放入窗口的 html。即，如果我点击提交按钮（没有任何反应），然后单击打开 Telerik 窗口的按钮，我会短暂地看到提交操作返回的视图，然后再使用部分视图进行更新。应包含。我完全不明白返回的 View 是如何或为什么被放置在那里的？

我尝试过的事情：

1. 注释掉 ajax 请求 (window.ajaxRequest(url, data);) 解决了问题（即使我显然有一个空白的部分视图可供查看）。
2. 不使部分视图成为“表单”是行不通的
3. 无论我如何“关闭”窗口，视图仍然放置在其中。例如，单击右上角的x
4. 使用Firebug，单击提交按钮后的HTML 不会更新。

5. 我也尝试过（得到相同的结果），而不是使用“window.ajaxRequest(url, data)”：

   <前><代码>$.ajax({ 类型：“获取”， 缓存：假， 网址： 网址， 数据：$("#indexForm").serialize(), 成功：函数（数据）{ var window = $("#Window").data("tWindow"); 窗口.内容（数据）； window.center().open(); $("#progress").html('') }, 错误：函数（e）{ 警报（e.消息）； } });

是否可以确定我做错了什么？是ajax请求吗？只是假设因为删除它可以解决问题，但可能还不止于此。

谢谢，当然如果您需要更多信息，请询问:)

谢谢

编辑

经过 3nigma 的建议，这就是我更新的内容（仍然没有运气）...

Telerik 窗口定义：

@{Html.Telerik().Window()
    .Name("Window")
    .Title("Add Part")
    .Draggable(true)
    .Modal(true)
    .Width(400)
    .Visible(false)
    .Height(270)
    .ClientEvents(e => e.OnOpen("onWindowOpen"))
    .Render();
}

jquery 函数是按钮的 OnClick 事件：

function AddBtnClicked() {
    $("#Window").data('tWindow').center().open();
}

onWindowOpen 事件：

function onWindowOpen(e) {
    //e.preventDefault();

    var data = @Html.Raw(Json.Encode(Model));
    var d2 = $.toJSON(data);

    $.ajax({
        type: 'GET',
        url: '@Url.Action("GetAddPart", "Jobs")',
        data: d2,
        contentType: 'application/json',
        success: function (data) {
            var window = $("#Window").data("tWindow");
            window.content(data);
            $("#progress").html('');
        },
        error: function (xhtr, e, e2) {
            alert(e +'\n' + xhtr.responseText);
        }
    });
};

Answer 1

好的。

问题与部分视图中的这一行有关：

<script src="@Url.Content("~/Scripts/ValidationJScript.js")" type="text/javascript"></script>

当我把它拿出来后，一切都正常了。不知道为什么会导致这个问题 - 我认为它之前没有被加载过，但也许它已经加载了，这导致了问题。

尽管如此，还是感谢 3nigma 的想法！