Question

我有一个包含许多内容的视图，其中包括：

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

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

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

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

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

我想在上面的函数中应该是这样的东西，不仅可以打开kendo窗口，还可以将部分加载到视图中。

任何帮助？

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>

希望这会对你有所帮助

部分视图的性能问题

1 个答案: