刷新大内容后,Kendo UI窗口居中

Ian*_*ink 4 css asp.net asp.net-mvc kendo-ui

使用MVC 4我添加blank window并隐藏它.在按钮上单击我调用此JavaScript以获取内容和center窗口:

        var win = $("#myWindow").data("kendoWindow");
        win.content("Loading...");
        win.refresh({
            url: "@Url.Action("MyAction", "MyController")",
            data: { userloginid: "AAA" }
        });
        win.center();
        win.open();
Run Code Online (Sandbox Code Playgroud)

内容是larger than a default window如此win.center()计算关闭,使窗口太远.

如何根据通过refresh()命令获取的内容使窗口居中.

Shi*_*ion 10

问题似乎是,您将窗口置于中心位置,而在此之后的一段时间内,新内容已完成加载.

换句话说:在窗口通过加载的内容获得新大小之前调用中心.

为了防止这种情况,您应该绑定到窗口的刷新事件,并以此为中心.

一些事情(注意:只注册一次此事件):

var win = $("#myWindow").data("kendoWindow");
win.bind("refresh", function() {
    win.center();
    win.open();
});
Run Code Online (Sandbox Code Playgroud)