javascript - 如何从 TabView 中删除所有选项卡？

Question

我有一个简单的代码可以从 TabView 中删除所有选项卡，但是您可以看到一些选项卡仍然存在。所以我需要建议如何正确删除所有标签。

游乐场示例http://tinyurl.com/k33r6nz

或者也许更好的是重新创建一个 TabView，不是吗？

Answer 1

您可以通过调用 _removeAll() 方法一次性删除所有页面，而不是一次删除一页。链接到代码http://tinyurl.com/pa6ct7r

Answer 2

您的代码的问题是您修改了正在迭代的数组：

var pages=container.getChildren();

for(var i=0;i<pages.length;i++){
  container.remove(pages[i]);
}

pages是对被.remove()操作修改的数组的引用。因此，当删除pages[0]时， pages数组中的所有元素都会向左移动。什么是pages[1]变成pages[0]，下一轮访问pages[1]是什么曾经是pages[2]。因此，所有其他元素都被跳过。你最好创建一个数组的副本，比如

var pages=qx.lang.Array.clone(container.getChildren());
...

它有效。pages.length表达式不再是问题，因为迭代目标在循环中没有被修改。我认为这也比总是删除pages[0]更干净（正如问题评论中所建议的那样）。这是您的代码稍作修改的版本：http: //tinyurl.com/lexwry5

至于重新创建 TabView，通常最好保留现有的小部件并尽可能重用它们，而不是销毁并重新创建它们。

Answer 3

也许有点（很多）晚了，但由于pages是参考，你也可以用一段时间迭代它：

var pages = container.getChildren();
while (pages.length > 0) {
    container.remove(pages[0]);
}