javascript - Sencha Touch : Panel. hide()/show() 仅在调整大小后有效

Question

这是一个演示应用程序:demo Sencha Touch app 。左下角的按钮应该显示/隐藏“位置信息在此处”栏顶部的菜单面板，但是，它的工作方式很奇怪。

(IMO)它应该如何工作:

1. 我点击一个按钮
2. 出现一个面板

现在的工作原理如下:

1. 我点击一个按钮
2. 什么也没发生
3. 我调整窗口大小或按 F11(无论如何，这也会调整大小)
4. 出现一个面板

那么，有人可以解释一下为什么会发生这种情况以及如何解决我的问题吗？谢谢。

Answer 1

我找到了解决这个问题的方法。这是:

app.viewport.dockedItems.items[0].rendered = false;
app.viewport.doComponentLayout();

所以，问题解决了。