2015-09-10 102 views
2

嘗試將kendo窗口移到中心位置。如果我使用myModal.center()。open(),它會以某種方式將它從中心向下移動一點。如果我使用position:{left:「50%」,top:「60%」},它確實位於中心位置,但僅限於此特定屏幕。當我使用其他窗口使用的相同控件時,它不在中心位置。任何其他選項來居中這個嚇人的窗口?如何居中Kendo窗口?

+0

請發表您的標記和代碼,並可能建立一個道場/的jsfiddle再現的問題。 – ezanker

回答

3

我有一個外形酷似問題與劍道窗口。我用Kendo窗口激活事件中心窗口。

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

事件:

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

如果您使用的劍道電網劍道窗口內,那麼你必須確保centerKendoWindow()之前將數據綁定到網格劑量不火。

如果是這種情況,那麼您可以使用Kendo Grid DataBound事件來居中窗口。

電網DataBound事件

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

中心劍道窗口

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

我正在使用MVC包裝,但必須加載ajax調用一個窗口的內容。該窗口最初居中,但在內容實際加載時不會調整。我用這個來解決這個問題,但'refresh'事件是在內容被完全加載時觸發的事件。 – vaindil

0

您可以切換順序,如:

.open().center(); 

或者說,我做什麼,是綁定到開事件,像這樣:

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