Kendo UI 窗口问题答案

【问题标题】：Kendo UI Window IssueKendo UI 窗口问题
【发布时间】：2013-10-02 09:53:00
【问题描述】：

我使用 kendoui 窗口来创建一个对话框在我第一次点击某个按钮时，剑道窗口打开了我页面的末端在其他时间它工作得很好我的窗口 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();

【问题讨论】：

您可以考虑在 jsbin.com 中创建一个演示来显示您遇到的问题。

标签： kendo-ui

【解决方案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>

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

【讨论】：