按下“最小化”按钮时更改剑道窗口的大小

Question

当按下“最小化”按钮时，我正在尝试更改 kendoui 窗口的宽度。我是剑道新手，在他们的文档中找不到帮助。

这是我得到的代码：

HTML：<div id="recon_cont_div">Some data here</div>

var thewindow = $("#recon_cont_div");
thewindow.kendoWindow({
                          actions: ["Minimize", "Maximize", "Pin", "Close"],
                          width: "100%",
                          height: "100%",
                          draggable: true,
                          resizable: true,
                          minimize: function(e) {
                                debugger;
                                thewindow.data("kendoWindow").setOptions({width: 250});
                          },
                          
                           close: function(e) {
                            alert("window will close now")
                          },
                          
                          title: "The window"
                    }).data("kendoWindow");

当“最小化功能”运行时，窗口没有调整大小……它什么也不做？

感谢任何帮助。谢谢。

Answer 1

窗口包装器是您需要更改的：

$("#dialog").kendoWindow({
  actions: ["Minimize"],
  minimize: function(e) {
    $("#dialog").getKendoWindow().wrapper.css({
        width: 200
    });
  }
});

示例：Window size change