kendo-ui - Kendo UI 窗口 Cascade 打开窗口

Question

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

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

我需要解决的是。

1. 我可以获得剑道 Windows 的列表吗
2. 我可以检查他们是否开放
3. 我可以为这些窗口设置 x,y 吗？

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

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

Answer 1

k-window-contentKendo 为您的所有窗口分配一个类。因此，您可以使用 jQuery each() 函数来遍历所有窗口。要查看窗口是否打开，请检查.options.visible属性。然后使用.setOptions({ })方法和 toFront() 方法来定位窗口。

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;
    }
});

工作演示