2016-07-15 75 views
0

我有两个剑道窗口一个在另一个下面的页面与最小化和最大化选项。当我关闭或最小化第一个窗口时,下面的窗口应该出现。你能帮我实现吗?剑道窗口最小化和最大化

<div id="dialog"></div> 
<div id="dialog1"></div> 

<script> 
$("#dialog").kendoWindow({ 
    animation: { 
    close: false 
    } 
}); 
$("#dialog1").kendoWindow({ 
    animation: { 
    close: false 
    } 
}); 
</script> 

回答

0

尝试:

<script> 

$("#dialog").kendoWindow({ 
    animation: { 
    close: false 
    }, 
    close: function(e) { 
     var d1 = $("#dialog1").data("kendoWindow"); 
     d1.open(); 
    }, 
    minimize: function(e) { 
     var d1 = $("#dialog1").data("kendoWindow"); 
     d1.open(); 
    } 

}); 
$("#dialog1").kendoWindow({ 
    animation: { 
    close: false 
    } 
}); 
</script> 

http://docs.telerik.com/kendo-ui/api/javascript/ui/window#methods-open

+0

嗨史蒂夫,我知道这最小化和最大化的问题是,当我最小化或关闭第一个窗口,我想第二个窗口来到顶部,但如果我关闭第一个窗口它显示空白空间在那里 –

0

使用toFront()方法

$("#dialog1").kendoWindow({ 
    animation: { 
    close: false 
    }, 
    actions: [ 
     "Pin", 
     "Minimize", 
     "Maximize", 
     "Close" 
    ], 
    minimize: function(e) { 
     var d1 = $("#dialog").data("kendoWindow"); 
     d1.toFront(); 
    }, 
    close: function(e) { 
     var d1 = $("#dialog").data("kendoWindow"); 
     d1.toFront(); 
    } 
}); 

DEMO

+0

嗨Ezanker谢谢你是如此的想要更新,但我希望这个剑道的窗口低于另一个,这样如果我把第一个减到最小,第二个就会到达顶端。请帮助我解决这个问题 –

+0

@SamanthKolisetty,你是说你不要不想让窗口最小化,只是在不减少的情况下走到另一个的后面? – ezanker

+0

最初,当我最小化或关闭第一个窗口时,第二个窗口应该填充空白区域,我想要在另一个下面显示两个窗口 –