我有一个用Dojo框架开发的应用程序。在此应用程序中，我显示一个浮动窗格。
我将此floatingPane配置为closable.
所以我面临的问题是，当我关闭floatingPane并尝试重新打开它时，它没有显示并开始在控制台中抛出错误。
这本身似乎Dojo Framework问题，因为我可以在他们的文档中遇到同样的问题。
有关示例，您可以参考页面：https://dojotoolkit.org/reference-guide/1.10/dojox/layout/FloatingPane.html
在此示例中，请按照以下步骤重现此问题：
- 单击编程示例的"运行"按钮
- 单击显示我(它将显示浮动窗格(
- 在右上角，单击关闭按钮关闭
- 再次单击"显示我"按钮。(这行不通(
这不是一个错误，它已经被定义为这样， 如果你看到这个浮动窗格的源代码，你会注意到关闭按钮绑定到close：函数这最后隐藏小部件，并在调用this.destroyRecursive()之后，所以小部件被完全破坏，这在尝试再次显示时抛出错误。
因此，您可以通过创建一个扩展浮动窗格小部件来解决此问题 覆盖关闭函数，如下所示(仅隐藏浮动窗格(
var CustomFloatingPane = declare(FloatingPane, {
close: function(e) {
// overinding close function
this.hide();
}
});
请参阅下面的工作示例：
require(["dojo/_base/declare","dojox/layout/FloatingPane", "dojo/dom", "dojo/ready", "dijit/form/Button"], function(declare, FloatingPane, dom, ready, Button) {
ready(function() {
var CustomFloatingPane = declare(FloatingPane, {
close: function(e) {
this.hide();
}
});
myCustomloatingPane = new CustomFloatingPane({
title: "A floating pane",
resizable: true,
dockable: true,
style: "position:absolute;top:0;left:0;width:100px;height:100px;visibility:hidden;",
id: "myCustomloatingPane"
}, dom.byId("customFloatingPane"));
myCustomloatingPane.startup();
});
});<script type="text/javascript">
dojoConfig = {
isDebug: true,
async: true,
parseOnLoad: true
}
</script>
<script src="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js"></script>
<link href="//ajax.googleapis.com/ajax/libs/dojo/1.8.3/dijit/themes/claro/claro.css" rel="stylesheet" />
<link href="//ajax.googleapis.com/ajax/libs/dojo/1.8.3/dojox/layout/resources/ResizeHandle.css" rel="stylesheet" />
<link href="//ajax.googleapis.com/ajax/libs/dojo/1.8.3/dojox/layout/resources/FloatingPane.css" rel="stylesheet" />
<body class="claro">
<div id="customFloatingPane">Hi I'm custom floating pane , extended to hide istead of destroy and close :) </div>
</body>
<div data-dojo-type="dijit.form.Button" data-dojo-props="label:'Show me', onClick:function(){myCustomloatingPane.show();}"></div>
<br/><br/><br/><br/>