Kendo UI Window Cascade打开窗口

时间:2015-05-27 07:25:22

标签: kendo-ui kendo-ui-window

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

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

我需要解决的是。

  1. 我可以获取Kendo Windows列表
  2. 我可以查看它们是否开放
  3. 我可以为这些窗口设置x,y。
  4. 然后我会写下面的伪代码

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

1 个答案:

答案 0 :(得分:1)

Kendo为您的所有窗口分配了k-window-content类。因此,您可以使用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;
    }
});
  

正在使用 DEMO