如何强制Kendo UI模态窗口居中在页面中？以及如何禁用所有操作？

Question

我试图在浏览器的中心显示一个Kendo UI模式窗口,但它一直显示在页面的底部,我的意思是窗口中唯一可见的部分是顶部栏,其余部分是窗口是不可见的,只有当你拖动它时,你可以正确地查看它.我没有应用于用于窗口的div的样式,所以我很困惑为什么它被显示为那样.

另外我想要禁用窗口顶部栏上的所有操作按钮,尝试设置一个空的动作数组但是关闭按钮显示为默认,有没有办法只显示窗口的标题在顶部酒吧？我希望单击其中的按钮时窗口消失.

这就是我创建窗口的方式:

var accessWindow = $("#accessDiv").kendoWindow({
    actions: [],
    draggable: true,
    height: "300px",
    modal: true,
    resizable: false,
    title: "Access",
    width: "500px"
});

accessWindow.center();
accessWindow.open();

这是我的div只有一个标签,一个输入和一个按钮,目前没有CSS应用于它:

<div id="accessDiv" style=" width: 100%; height: 100%; background-color: #fff;">
    <label>Enter access key</label>
    <input type="text" />
    <input type="button" title="Enter" value="Enter" />
</div>

Answer 1

你试过隐藏它,然后居中并打开它吗？

var accessWindow = $("#accessDiv").kendoWindow({
 actions: {}, /*from Vlad's answer*/
 draggable: true,
 height: "300px",
 modal: true,
 resizable: false,
 title: "Access",
 width: "500px",
 visible: false /*don't show it yet*/
}).data("kendoWindow").center().open();

来自:http://www.kendoui.c​​om/forums/ui/window/kendowindow-center-doesn-t-work-when-inside-an-iframe.aspx

Answer 2

最后两行应为:

accessWindow.data("kendoWindow").center();
accessWindow.data("kendoWindow").open();

Answer 3

你需要交换最后两行代码.首先,你需要打开窗口,然后你可以将它居中.

2.要显示没有任何操作的窗口,您需要传递空对象:

actions: {}