Ember.js 从 DOM 添加和删除 View ？

Question

在之前使用过 SproutCore 1 之后，我正在研究 ember.js。我正在寻找一些关于如何在用户导航应用程序时从 DOM 添加和删除 View 的示例。

例如，我有一个包含一组案例的应用程序，每个案例都有一个工作流。还有管理页面等。

当用户启动应用程序时，会显示一个类似仪表板的用户界面。用户可以从这里搜索或单击案例以显示该案例。在这一点上，我想做以下事情:

我想删除仪表板的 GUI，我想显示案例的 GUI - 这本身就是一个复杂的 GUI，有自己的一套导航规则等。

此外，在案例中，我想在用户导航和操作案例时添加和删除 GUI 的某些部分。

当用户单击“仪表板”链接时，我希望删除当前的 GUI，并再次添加仪表板。

由于这将是一个有点大的应用程序，我不确定切换 isVisible 参数是否足够，或者是否需要采取其他措施来不让用户的浏览器过载。

是否有指南或示例说明如何执行此操作？

Answer 1

警告:过时的答案

View 继承自 Ember.View这意味着它获得了一些关键方法。 append() ，附加到 body , appendTo(arg)它接受一个参数和 remove() .

参数是一个 jQuery 样式选择器，用于在 DOM 中插入元素的位置。

// my view
App.PartsView = Ember.View.extend({
    ...
});


// create/insert my view
App.partsView = App.PartsView.create();
App.partsView.appendTo('#partcontainer');

在我的代码中，我有一个 <div id="partcontainer"></div> .

// remove from DOM
App.partsView.remove();

文档在 Building a View Hierarchy 上有很好的部分然后是关于 Ember.ContainerView 的部分取决于您是否想以编程方式完成所有操作。