Как центрировать окно кендо?

Question

Попытка переместить окно кендо в центр. Если я использую myModal.center(). Open(), он каким-то образом перемещает его немного ниже и вправо от центра. Если я использую position: { left: "50%", top: "60%" }, он центрирует его, но только для этого конкретного экрана. Когда я использую тот же элемент управления, что и в других окнах, он не в центре. Любой другой вариант, чтобы центрировать это чертово окно?

Answer 1

У меня были похожие проблемы с окном Кендо. Я использовал событие Kendo Window Activate для центрирования окна.

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

Событие:

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

Если вы используете Kendo Grid внутри Kendo Window, то вы должны убедиться, что centerKendoWindow() не сработает, прежде чем данные будут привязаны к сетке.

в этом случае вы можете использовать событие Kendo Grid DataBound для центрирования окна.

Событие Grid DataBound

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

Центр Кендо Окно

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

Answer 2

Вы можете изменить порядок, как в:

.open().center();

Или, что я делаю, это привязка к открытому событию, вот так:

$('#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();
        }