如何从选项卡视图中删除所有选项卡

How to remove all tabs from TabView?

本文关键字：选项 删除 视图      更新时间：2023-09-26

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

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

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

代码的问题在于修改了要迭代的数组：

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

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

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

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

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

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

可能有点晚了，但由于pages是一个参考，你也可以迭代它一段时间：

var pages = container.getChildren();
while (pages.length > 0) {
    container.remove(pages[0]);
}
相关文章：