如何使剑道窗口居中?

Obv*_*sly 2 html css jquery kendo-ui kendo-asp.net-mvc

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

小智 5

我在使用 Kendo Window 时遇到了类似的问题。我使用 Kendo Window Activate 事件将窗口居中。

 .Events(eve => eve.Activate("centerKendoWindow"))
Run Code Online (Sandbox Code Playgroud)

事件 :

function centerKendoWindow(e) {
        this.center();
    }
Run Code Online (Sandbox Code Playgroud)

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

如果是这种情况,那么您可以使用 Kendo Grid DataBound 事件将窗口居中。

网格数据绑定事件

 .Events(eve => eve.DataBound("onDataBound"))   
Run Code Online (Sandbox Code Playgroud)

中央剑道窗

 function onDataBound(args) {
        var grid = $("#kendoaccountgridwindow").data("kendoWindow");
        grid.center();
} 
Run Code Online (Sandbox Code Playgroud)