如何在extjs中多次隐藏和显示面板

Question

我正在尝试捕获网格中的所有更新，并希望在网格底部停靠的面板中显示带有html配置的消息。如果我点击一个按钮显示预览，则此消息面板将被隐藏。

这很好但是当我多次点击“显示预览”按钮时。 并从网格编辑一些字段，然后消息面板的dom变为null。抛出错误TypeError: Argument 1 of Node.insertBefore is not an object. 我正在使用extjs 6版本。

编辑：嗨。 这是我的代码，用于隐藏/显示面板以及根据条件从面板更改消息。

var notePanel = Ext.getCmp("notePanelContainer");

if(ispropertyupdate) {
    notePanel.update("Property panel has been updated."); 
} else {
    notePanel.update("Fields grid has been updated."); 
}
if(ishide){
    notePanel.hide();
}else{
    notePanel.show();
}

Answer 1

不确定你到底做了什么，但我创建了这个simple fiddle来说明你的任务的解决方案（至少我理解）。

据我所知，您使用Ext.panel.Panel作为停靠项目来显示您的消息，这对于此任务来说太重了。使用类似Ext.Component的内容。