Question

我使用kendoui窗口创建对话框在我第一次点击某个按钮时，kendo窗口打开了我页面的末尾在其他时间它的工作很好我的窗口div位于body标签下方请帮忙

$('#myModal').html(response);
var accessWindow = $("#myModal").kendoWindow({
    actions: ["Maximize", "Close"], /*from Vlad's answer*/
    draggable: false,
    resizable: false,
    title: "ویرایش سوال",
    width: "90%",
    visible: true
}).data("kendoWindow").center().open();

Answer 1

您的示例似乎对我很好（http://jsfiddle.net/OnaBai/uspmW/），并且不应该将您的窗口放在body标记之外，因为您明确说明它应该位于何处。

您的完整HTML应该是：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8"/>
    <link href="/styles/kendo.common.min.css" rel="stylesheet" type="text/css"/>
    <link href="/styles/kendo.default.min.css" rel="stylesheet" type="text/css"/>
    <script src="/js/jquery.min.js" type="text/javascript"></script>
    <script src="/js/kendo.all.min.js" type="text/javascript"></script>
</head>
<body>
Type the text to add as response here : <input type="text" id="response" class="k-widget k-textbox"/></br>
<button id="button" class="k-button">Show response</button>
<div id="myModal"></div>
<script>
    $("#button").on("click", function () {
        var response = $("#response").val();
        $('#myModal').html(response);
        var accessWindow = $("#myModal").kendoWindow({
            actions  : ["Maximize", "Close"], /*from Vlad's answer*/
            draggable: false,
            resizable: false,
            title    : "ویرایش سوال",
            width    : "90%",
            visible  : true
        }).data("kendoWindow").center().open();
    });
</script>
</body>
</html>

作为建议，每次要显示时都不要创建新窗口。考虑在开始或第一次需要时创建它，然后在每次需要时打开它。

Kendo UI窗口问题

1 个答案: