Question

我正在开设一个councelor门户网站，这是我们公司项目的一部分，我的老板建议我在某些链接上使用kendow windo pop控件弹出窗口。

我是通过使用kendo应用程序控件完成的，但是一个小问题引起了我的外观和感觉有点不好。

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

我确信jquery代码存在一些问题，它显示了document.ready（function（）{}）上的弹出窗口;但是当点击链接时它应该有效。

我在这里发布我的代码，请帮助我使其更精致，更好看

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>

Answer 1

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

让我们假设您有以下链接：

<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();
});

在Kendo Window UI控件方面需要帮助

1 个答案: