如何将剑道 Window 居中？

Question

试图将剑道 window 移动到中心。 如果我使用 myModal.center().open()，它会以某种方式将它从中心向右移动一点。 如果我使用 position: { left: "50%", top: "60%" }，它会居中，但仅适用于这个特定的屏幕。 当我使用与其他 windows 相同的控件时，它不在中心。 还有其他选择可以让这个该死的 window 居中吗？

Answer 1

Kendo Window出现了类似的问题。 我使用Kendo Window Activate事件来使窗口居中。

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

事件：

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

如果在Kendo Window中使用Kendo Grid，则必须确保在将数据绑定到网格之前，不会激活centerKendoWindow（）。

如果是这种情况，则可以使用Kendo Grid DataBound事件将窗口居中。

网格数据绑定事件

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

中央剑道窗

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

Answer 2

您可以切换顺序，如下所示：

.open().center();

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

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

Answer 3

function showDetails(e) {
            var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
            wnd.content(detailsTemplate(dataItem));
            // Use below line to center a kendo window
            wnd.center().open();
        }