kendo-ui - 固定的剑道窗口似乎不起作用

Question

网页很简单，我有一个剑道窗口，我会在准备好文档时立即显示它，但无论我做什么，窗口都没有固定。我希望将窗口固定在屏幕上并让内容在其下方滚动。

我没有太多使用剑道，但想为几个项目这样做。

关于我所缺少的任何见解？

$(document).ready(function( event ) { 

var window = $("#add-comment");

window.kendoWindow({
    width: "300px",
    height: "315px",
    position: {
            top: 100,
            left: 100
        },        
    title: "Add Comment",
    modal: true,
    pinned: true,
    visible: true,
    actions: ["Maximize", "Close"],
});

Answer 1

虽然pinned在文档中here，但它不在最新版本的代码（v2013.1.514）中。希望很快。也许这次他们比代码更新文档更快:-)

同时，您可以通过如下定义 CSS 样式来获得它：

.ob-pinned {
    position: fixed !important;
}

并添加以下代码（与您的初始化兼容）：

win = $("#add-comment").data("kendoWindow");
if (win.options.pinned) {
    win.wrapper.addClass("ob-pinned")
               .css("top", win.options.position.top)
               .css("left", win.options.position.left);
}

这里的例子：http: //jsfiddle.net/OnaBai/dcPex/