バックボーンモデルビューの表示/非表示のアプローチ

Question

バックボーンビューの管理に最適な方法を見つけるのに役立ちます。

たとえば、コレクションの各モデルのビューMyModelViewで構成されるMyCollectionViewのコレクションがあります。

ページ上の一部のモデルを非表示にするにはどうすればよいですか？

今、私はこの方法を、次の午前：いくつかは、私はモデルのプロパティを確認し、model.trigger 'hide'かを呼び出し、この関数では

paramsはと私はモデル関数filterを呼び出すループの内側すべてのmodel

ため

• 使用collection.eachmodel.trigger 'show'
• 最後に、model viewにはthis.model.bind 'hide', this.hide, thisを使用しますが、実際には.hide()またはを使用しています

このように私はひどいと思われます...なぜこの長い関数やイベントの連鎖をする必要がありますか？最も簡単なアプローチはありますか？

ありがとうございます！これらは、データを表現することになっていると、アプリケーションの制御に参加するべきではありません - -

Answer 1

あなたのモデルは、彼らが何をすべきか意見を言っていないしてはならないので、何の不思議を、それはあなたに間違って感じている:)

よりMyCollectionViewにフィルタメソッドを追加すると、アンダースコアメソッドを使用して、表示/非表示にするビューをフィルタリングし、その作業を行います。その際、どのモデルを表示するかを選択します。次に、マッチの配列を持つだけで、リストをレンダリングするためのメソッドを呼び出し、モデルの配列を渡して、一致するモデルのビューをレンダリングすることができます。

このようなフィルタを作成した経験から、長いリストでは全体のリストを削除するほうがずっと効率的であると言えます。コレクションレベルでフィルタリングを行い、フィルタクエリと一致するビューのみを再度レンダリングします。 jQueryのhide/showは少し税金がかかるかもしれませんが、大量のデータ/ビューしか持たないことが懸念されます。

また、コレクションにバインドされたアンダースコアメソッドを利用してください - あなたはちょうど

var matches = collection.filter(function(model) { 
    return /*matching condition*/; 
}); 

は（また、リストをレンダリングし、ビューのDOM事前に生成されたリストに追加する際のDocumentFragmentを使用することを覚えていないことができcollection.each(...をする必要はありません1つ1つ追加するのではなく）