kendo-ui - 剑道窗口最小化和最大化

Question

我在页面中有两个剑道窗口，一个在另一个下方，带有最小化和最大化选项。当我关闭或最小化第一个窗口时，应该会出现下面的窗口。你能帮我实现这个吗？

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

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

Answer 1

使用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();
  }
});

演示

Answer 2

尝试：

<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