Question

我正在创建一个使用Kendo弹出的窗口，但是，只有在用户单击按钮时才会显示此窗口。显示给您的代码会在请求网页时自动打开窗口。我做了一些研究但没有发现任何想法？

更多信息：这将用于表格，并且内部会有一个签名板，因此当垫（窗口）已经签名时，表格中的单元格（点击此处签名）将被替换为签名。

.cshtml，

<style>
    #example {
        min-height: 500px;
    }

    #undo {
        text-align: center;
        position: absolute;
        white-space: nowrap;
        padding: 1em;
        cursor: pointer;
    }

    .armchair {
        float: left;
        margin: 30px 30px 120px 30px;
        text-align: center;
    }

        .armchair img {
            display: block;
            margin-bottom: 10px;
        }

    .k-window-content a {
        color: #BBB;
    }

    .k-window-content p {
        margin-bottom: 1em;
    }

    @@media screen and (max-width: 1023px) {
        div.k-window {
            display: none !important;
        }
    }
</style>


<table>

    <tr>
        <td>
            <div id="example">
                <div id="window">
                    <H1>This is the window</H1>
                </div>
                <span id="undo" style="display:none" class="k-button hide-on-narrow">Click here to sign</span>
                <div class="responsive-message"></div>
            </div>
        </td>
    </tr>



</table>

<link rel="stylesheet" href="styles/kendo.common.min.css" />
<link rel="stylesheet" href="styles/kendo.default.min.css" />
<link rel="stylesheet" href="styles/kendo.default.mobile.min.css" />

<script src="js/jquery.min.js"></script>
<script src="js/kendo.all.min.js"></script>

<script>
    $(document).ready(function () {
        var myWindow = $("#window"),
            undo = $("#undo");

        undo.click(function () {
            myWindow.data("kendoWindow").open();
            undo.fadeOut();
        });

        function onClose() {
            undo.fadeIn();
        }

        myWindow.kendoWindow({
            width: "600px",
            title: "About Alvar Aalto",
            visible: false,
            actions: [
                "Pin",
                "Minimize",
                "Maximize",
                "Close"
            ],
            close: onClose
        }).data("kendoWindow").center().open();
    });
</script>

我现在有了这个按钮：

点击此处打开窗口。

和这个功能：

$("#open").click(function (e) {
            myWindow.data("kendoWindow").open(); 

        });

然而它没有打开窗户？

Answer 1

窗口正在打开，因为您明确告诉它立即打开：

myWindow.kendoWindow({
    ....
}).data("kendoWindow").center().open();

myWindow.kendoWindow（{==将myWindow变为Kendo窗口
.data（＆＃34; kendoWindow＆＃34;）==获取对该Kendo窗口的引用
.center（）。open（）==将其置于屏幕上（仍然隐藏）并打开它。

从您的初始化代码中删除.center（）。open（）并仅在按钮点击时使用。

https://dojo.telerik.com/@Stephen/uXeJe

为什么我的剑道窗口会自行打开？

1 个答案: