Kendo UI Window Cascade Открытые окна

Question

Я бы хотел добавить пользовательское взаимодействие, которое бы каскадировало мою Windows Kendo.

Приложение позволяет открывать много окон, и я добавлю в свое Меню, Окно, Каскад.

Что мне нужно для разработки.

1. Могу ли я получить список Кендо Windows,
2. Могу ли я проверить, если они открыты или нет
3. Могу ли я установить х, у этих окон.

Я бы тогда написать что-то вроде ниже псевдокоде

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

Answer 1

Кендо назначает класс 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