Ember.js DOMからビューを追加したり削除したりしますか？

Question

以前はSproutCore 1で作業した後、ember.jsを調べています。ユーザーがアプリケーションをナビゲートするときに、DOMからビューを追加したり削除したりする方法の例を探しています。

たとえば、一連のケースを含むアプリケーションがあり、それぞれのケースにワークフローがあります。管理ページなどもあります。

ユーザーがアプリケーションを起動すると、ダッシュボードのようなユーザーインターフェイスが表示されます。ここから、ユーザーはケースを検索またはクリックしてそのケースを呼び出すことができます。私は次のことをやりたい。この時点で：

• 私はダッシュボードのためのGUIを削除したい、と私はケースのためのGUIを表示したい - ナビゲーションの独自のセットでそれ自体が複雑なGUIでありますルールなど
• また、ケース内で、ユーザーがケースをナビゲートして操作するときに、GUIの一部を追加して削除したいと考えています。
• ユーザーが[ダッシュボード]リンクをクリックすると、現在のGUIを削除し、ダッシュボードを再度追加します。

これはやや大きなアプリケーションになりますが、isVisibleパラメータを切り替えることで十分かどうか、またはユーザーのブラウザを過負荷にしないように他の対策を講じなければならないかどうかはわかりません。

ガイドや、これを行う方法の例がありますか？

Answer 1

警告：時代遅れの答えは

ビューは、それはいくつかの重要な方法を取得する意味Ember.Viewから継承されます。 append()は、bodyに、appendTo(arg)には引数をとり、remove()に追加します。

引数は、DOMに要素を挿入する場所のjQueryスタイルセレクタです。私のコードで

// 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の後のセクションがあります。