33

我试图在浏览器的中心显示一个 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>
4

4 回答 4

62

您是否尝试过隐藏它，然后居中并打开它？

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

于 2013-05-03T22:10:09.470 回答
9

最后两行应为：

accessWindow.data("kendoWindow").center();
accessWindow.data("kendoWindow").open();
于 2013-05-10T11:42:30.757 回答
6

1.你需要交换最后两行代码。首先，您需要打开窗口，然后您可以将其居中。

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

actions: {}
于 2013-05-03T21:57:32.220 回答
0

下面的一个对我有用。如果您不喜欢它作为模态，请将其设置为 false 或将其删除。

 var window = $("#addBlacklistWind");

   $("#btnAddBlacklist").bind("click", function () {
            window.data("kendoWindow").center().open();
        });

        window.kendoWindow({
            width: "800px",
            title: "Add New Blacklist",
            modal: true,
            visible: false,
            actions: [
                "Maximize",
                "Close"
            ]
        });
于 2015-12-17T08:36:04.293 回答