最小化と最大化を伴う剣道ウィンドウ

Question

最小化と最大化オプションを使用して、ページ内に2つの剣道ウィンドウを下に置きます。最初のウィンドウを閉じるか最小化すると、下のウィンドウが表示されます。これを達成するのを手伝ってもらえますか？

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

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

Answer 1

試してみてください。

<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

Answer 2

は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