さまざまなフィルタリングオプションを切り替えるための正しいemberjsの方法は何ですか？

Question

私はindividualStore（Em.ArrayControllerから継承）を持っています。そのタスクは個々のオブジェクトの配列を保持することです。私のアプリケーションではいくつかのAPIが呼び出され、個々のオブジェクトが返されてストアに送られます。私のアプリケーションのキャッシュされた個々のレコードのデータベースと考えてください。 'App.individualStore.allIndividuals'、完全に意図したとおりにアップレンダリング：

App.individualStore = App.ArrayController.create({ 

    allIndividuals: function() { 
    return this.get('content').sort(function (a, b) { 
     return (b.votes_count - a.votes_count); 
    }); 
    }.property('@each.votes_count').cacheable(), 

    aliveIndividuals: function() { 
    return this.get('content').filter(function (individual) { 
     return (!!individual.living); 
    }).sort(function (a, b) { 
     return (b.votes_count - a.votes_count); 
    }); 
    }.property('@each.living', '@each.votes_count').cacheable(), 

    deceasedIndividuals: function() { 
    return this.get('content').filter(function (individual) { 
     return (!individual.living); 
    }).sort(function (a, b) { 
     return (b.votes_count - a.votes_count); 
    }); 
    }.property('@each.living', '@each.votes_count').cacheable() 

}); 

私の見解では、 `individualsBindingを持っています。

フィルタリングボタンを追加したいとします。 Show: All | Alive | Deceased。ここでフィルタリングを変更する正しい方法は何ですか？基準が何であれ、私はindividualStoreと常に同期していきたいと思います。

誰かがこれは、これらのボタンの私の最初の二から三回のクリックで動作しますが、それはブラウザ（無限ループのようなものを？）フリーズ

this.bind('users', Ember.Binding.from('App.individualStore.aliveIndividuals')); 

、実行時にバインディングを変更することが示唆されました。

これは私にとって最良の選択肢ではありません。私は新生児だから、あなたが言うことは何でも助けになるだろう。前もって感謝します。

Answer 1

私はあなたが後であなたのビューで設定できるフィルタ機能自体が財産になるだろうし、コントローラ上のfilterNameを変更することで、あなたに通知し、それに応じてフィルタ処理内容を更新している、http://jsfiddle.net/pangratz666/ypcLq/

App.controller = Ember.ArrayProxy.create({ 
    content: [], 

    filterName: 'all', 

    allFilter: function() { 
     return true; 
    }, 
    aliveFilter: function(individual) { 
     return (!! individual.living); 
    }, 
    deceasedFilter: function(individual) { 
     return (!individual.living); 
    }, 

    filtered: function() { 
     var filterName = this.get('filterName'); 
     var filterFunc = this.get(filterName + 'Filter'); 

     return this.filter(filterFunc).sort(function(a, b) { 
      return (b.votes_count - a.votes_count); 
     }); 
    }.property('content.@each', 'filterName').cacheable() 

}); 

を見ますフィルタはApp.controller.set('filterName', 'alive')で使用されます。ただ、ノートとして

：することができますチェーンフィルターthis.filter(filterFunc1).filter(filterFunc2)を介したので、あなたは可能性があり、例えばフィルタのための特定の年齢のすべての生きている個人、...