Kendo UI Window 级联打开 windows

Question

我想添加一个用户交互来级联我的 Kendo Windows。

该应用程序允许许多 windows 打开，我将添加到我的菜单，Window，级联。

我需要解决的是

1. 我可以得到 Kendo Windows
的列表吗
2. 我可以检查它们是否打开吗
3. 我可以为这些 windows.
设置 x,y 吗

然后我会写类似下面的伪代码

x = 10, y = 10
for each w window {
    w.x = x;
    x.y = y;
    x += 10;
    y += 10;
}

Answer 1

Kendo 将 k-window-content 的 class 分配给所有 windows。因此，您可以使用 jQuery each() 函数来遍历所有 windows。要查看 window 是否打开，请检查 .options.visible 属性。然后使用 .setOptions({ }) 方法和 toFront() 方法定位 windows。

function CascadeWindows(){
    var x = 10, y = 10;
    $(".k-window-content").each(function(idx){
        var kwin = $(this).data("kendoWindow");
        if (kwin.options.visible) {
          kwin.setOptions({
            position: {
                top: y,
                left: x
            }
        });
        kwin.toFront();   
        x += 10;
        y += 10;
    }
});

Working DEMO