2013-07-02 27 views
0

网页很简单,我有一个kendo窗口,我马上显示在文档准备就绪,但无论我做什么,窗口都不固定。我希望将窗口固定在屏幕上并让内容在其下面滚动。Kendo窗口固定似乎并不工作

我还没有使用过剑道,但愿意为几个项目这样做。

关于我失踪的任何见解?

$(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"], 
}); 

回答

0

虽然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/