部分视图的性能问题

Question

我有很多东西的视图，其中包括：

@Html.Partial("AddWindow")
@Html.Partial("EditWindow")

每个部分视图都包含一个Kendo Window，其内容是通过 Ajax 加载的。

每个部分中的 Kendo Windows 都是通过一个按钮调用打开的，但实际发生的情况是它们在页面被访问时立即加载。我只是希望它们在我单击这些按钮时加载。

没有这两行代码，CSS 动画在整个页面中都是流畅的。现在，每次加载 Ajax 时，它们都会中断一秒钟（我尝试删除其中一个部分，但只显示一个中断，没有部分意味着根本没有中断）。当窗口实际打开时，这些中断是不可见的，但是当进入页面时，CSS 动画会中断两次，每次 Ajax 加载一次。之后，一切都很好。

function openAdd() {
    $("#addWindow").data("kendoWindow").center().open();
}

我在想上面的函数里面应该有一些东西，不仅可以打开剑道窗口，还可以将部分加载到视图中。

有什么帮助吗？

Answer 1

你可以做什么

@(Html.Kendo().Window().Name("addWindow")
    .Visible(false)
    .Modal(true)
    .Draggable(true)
    .Width(450)
    .Height(400)
)


<script type="text/javascript">
 function openAdd() {
    var window = $("#addWindow").getKendoWindow();
    window.refresh({
         url: '@Url.Action("Action", "Controller")',
    });
    window.title('Title');
    window.center().open();
}
</script>

希望对你有帮助