jquery – 如何强制一个Kendo UI模态窗口居中在一个页面?以及如何禁用所有操作?

前端之家收集整理的这篇文章主要介绍了jquery – 如何强制一个Kendo UI模态窗口居中在一个页面?以及如何禁用所有操作?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图在浏览器的中心显示一个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

猜你在找的jQuery相关文章