我试图在浏览器的中心显示一个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>
解决方法
你试过隐藏它,然后对中和打开它吗?
var accessWindow = $("#accessDiv").kendoWindow({ actions: {},/*from Vlad's answer*/ draggable: true,width: "500px",visible: false /*don't show it yet*/ }).data("kendoWindow").center().open();
从:http://www.kendoui.com/forums/ui/window/kendowindow-center-doesn-t-work-when-inside-an-iframe.aspx