Question

我只需要一些关于显示KendoUI窗口的帮助。我的情况是我有一个按钮，可以调用窗口。首次单击按钮时，将出现窗口对话框，但在通过单击“x”按钮关闭窗口后，我无法通过按相同的按钮再次显示它。我不知道我的错误在哪里。

这是我的代码：

<script type="text/javascript">

$(document).ready(function() {
    $(".test").click(function (){
        $("#window").kendoWindow({
            actions: ["Refresh","Maximize","Minimize","Close"],
            draggable: true,
            height: "300px",
            modal: true,
            resizable: false,
            title: "Purchase Order Supplier Detail",
            width: "500px"
        });
    });
});
</script>

<div id="window" style="visibility: hidden;"></div>
<input type="button" class="test" value="test" />

Answer 1

将kendo窗口置于按钮之外，如下所示

<script type="text/javascript">

$(document).ready(function() {

 $(".test").click(function (e) {
                $("#window").data("kendoWindow").open();
                e.preventDefault();
            });

        $("#window").kendoWindow({
            actions: ["Refresh", "Maximize", "Minimize", "Close"],
            draggable: true,
            height: "300px",
            modal: true,
            resizable: false,
            title: "Purchase Order Supplier Detail",
            width: "500px",
        });

});
</script>

<div id="window" style="display:none;"></div>
<input type="button" class="test" value="test" />

Div样式为"display:none;"的{{1}}。{/ p>

关闭窗口时，KendoUI窗口弹出错误

1 个答案: