0

我第一次使用 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();
4

1 回答 1

0

您的示例对我来说似乎工作正常（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>

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

于 2013-10-02T13:57:05.437 回答