kendo ui api覆蓋

Question

我正在使用kendoUi包。我想要能夠在屏幕的中心打開而不是html文件的kendo UI窗口。因此，我想覆蓋窗口的打開事件，以覆蓋應用程序中每個控件的窗口打開位置。

Answer 1

您可以使用JS手動設置窗口的選項。 這是我自己的kWindow設置功能的改裝版本。

function WindowSetup(winId, x, y) { 
    var wind = $("#" + winId).data("kendoWindow"); 

    wind.setOptions({ 
    position: {top:x, left:y} 
    }); 

    wind.open(); 

    return wind; 
} 

這應該允許您手動設置位置。

---

您還可以設置高度寬度和默認內容。

這是我的kWindow設置的原始版本（注意：我只是將內容居中） 這將自動調整窗口大小，以填充大部分瀏覽器窗口或整個窗口（如果它位於小屏幕上）。

//Sets up the base window settings 
//bLoad is if you are waiting for a ajax call to return the window content 
//returns the kendoWindow widget instance 
function WindowSetup(winId, bLoad) { 
    var wind = $("#" + winId).data("kendoWindow"); 
    wind.restore(); 

    wind.setOptions({ 
    width: $(window).innerWidth() - ($(window).innerWidth()/5), 
    height: $(window).innerHeight() - ($(window).innerHeight()/5) 
    }); 

    //if True or Undifined we reset the content. False skips. 
    if (bLoad !== false) { 
    wind.content("<div class='k-loading-image'>&nbsp;</div>"); 
    } 

    wind.center(); 
    wind.open(); 

    // If small screen size, open window full-screen 
    if ($(window).innerWidth() < 600 || $(window).innerHeight() < 600) { 
    wind.maximize(); 
    } 

    return wind; 
}