0

我正在开发一个顾问门户，这是我们公司项目的一部分，我的老板建议我对某些链接上的弹出窗口使用 kendow 窗口弹出控件。

我已经通过使用剑道应用程序控制来完成它，但是引起了一个小问题，这让我的外观和感觉有点糟糕。

我们在一个页面上有链接，我们的应用程序应该在单击任何链接时显示使用弹出窗口，但是当我实际运行该页面时，首先出现一个弹出 kendo 窗口，当我最小化或关闭它时，链接开始工作根据我们的意愿。

我确定在 document.ready(function(){}); 上显示弹出窗口的 jquery 代码存在一些问题；但它应该在单击链接时起作用。

我在这里发布我的代码，请帮助我使其更精致和美观

var window = $("#window"),
                        undo = $("#undo")
                                .bind("click", function () {
                                    window.data("kendoWindow").open();
                                    window.data("kendoWindow").center();
                                    undo.hide();
                                });




var onClose = function () {
    undo.show();
}

if (!window.data("kendoWindow")) {
    window.kendoWindow({
        width: "600px",
        height: "500px",
        draggable: false,
        actions: ["Minimize", "Maximize", "Close"],
        resizable: false,
        title: "Report Activity",
        content: "../../AlertCounselor.htm",
        close: onClose
    });
}

HTML：

<div id="window"></div>

            <label id="undo" style="display:none; width:200px;" class="k-group" ><a href="#">Alert Counselor</a></label>
4

1 回答 1

2

如果您不希望在加载文档时显示该窗口，则应visible: false在初始化时指定（在此处查看文档）。

假设您有以下链接：

<a href="#" id="open">Click here for opening the window and not before</a>

然后将窗口定义为：

var myWindow = window.kendoWindow({
    visible  : false,
    width    : "600px",
    height   : "500px",
    draggable: false,
    actions  : ["Minimize", "Maximize", "Close"],
    resizable: false,
    title    : "Report Activity",
    content  : "../../AlertCounselor.htm",
    close    : onClose
}).data("kendoWindow");

这应该让窗口关闭，等待其他打开它的东西。

最后click为链接定义一个事件处理程序：

$("#open").on("click", function() {
    myWindow.open();
});
于 2012-12-20T09:31:47.710 回答