如何清除ContainerView中的所有childView?

时间:2013-01-26 16:07:13

标签: javascript ember.js

我有一个带有侧边栏的Ember应用程序,其中包含可变数量的小部件。我正在使用Ember.ContainerView存储小部件视图。

填充容器视图效果很好(所有小部件都按照它们的方式呈现)。

问题当我想要更新ContainerView时(因为应用程序状态发生变化,应加载新的小部件),无法删除当前的childView ..如果我为每个childView调用view.removeChild(child)child.remove(),只有少数实际被删除。

我认为这与Ember为每个remove()调用更新DOM有关,但我无法弄明白。我也尝试过使用this.set('childViews',[])而不是单独删除每个视图,但这会破坏整个视图。

我在这里错过了什么吗?

代码:

    // Clear current views
    this.get('childViews').forEach(function(_view) {
        view.removeChild(_view);
        _view.remove();
    });

    var view = this,
        childViews = this.get('childViews');

    // Create new views
    this.get('controller.content').forEach(function (widgetData) {
        childViews.pushObject(App.WidgetView.create({
           controller: App.WidgetController.create(widgetData),
           ...
        })
    });

1 个答案:

答案 0 :(得分:2)

在Em.ContainerView上有一个removeAllChildren方法:

http://emberjs.com/api/classes/Ember.ContainerView.html#method_removeAllChildren

this.removeAllChildren()应该这样做。