如何居中一个KendoWindow？

Question

正在尝试将 kendo window 移至中心。如果我使用 myModal.center().open()，它会以某种方式将它从中心向右下方移动一点。如果我使用 position: { left: "50%", top: "60%" }，它确实居中但只是针对这个特定的屏幕。当我使用在其他 windows 处使用的相同控件时，它不在中心。还有其他选项可以让这个该死的 window 居中吗？

Answer 1

您可以切换顺序，如：

.open().center();

或者，我所做的是绑定到打开事件，如下所示：

$('#my-window').kendoWindow({
    open: function () {
        this.center();
    }
});

Answer 2

我遇到了与 Kendo Window 类似的问题。我使用 Kendo Window 激活事件使 window 居中。

 .Events(eve => eve.Activate("centerKendoWindow"))

事件：

function centerKendoWindow(e) {
        this.center();
    }

如果您在 Kendo Window 中使用 Kendo 网格，那么您必须确保 centerKendoWindow() 之前不会触发数据绑定到网格。

如果是这种情况，那么您可以使用 Kendo Grid DataBound 事件使 window 居中。

网格数据绑定事件

 .Events(eve => eve.DataBound("onDataBound"))

居中KendoWindow

 function onDataBound(args) {
        var grid = $("#kendoaccountgridwindow").data("kendoWindow");
        grid.center();
}

如何居中一个KendoWindow？

How to center a Kendo Window?

html

css

jquery

kendo-ui

kendo-asp.net-mvc