0

Googleマップを使用してemberでアプリケーションを作成したいと思います。Google マップに似ています。左側にフィルターがあり、右側にマップがあります。私の場所のオブジェクトが次のようになっているとしましょう:

{ name: 'Luigi', type: 'pizza', ...}

フィルターでは、チェックボックスを使用して、マップに表示する場所のタイプを選択したいと思います。デフォルトでは、すべての要素が選択され、選択された各タイプの場所がマップに表示されます。

そして、ここで私の問題を始めます。ピープコードを見たり、ガイドを読んだりしましたが、開始方法がわかりません。FilterController選択したフィルター配列を格納するものが必要だと思います。PlacesControllers どういうわけか 、プロパティでは、この配列に基づいてモデルcontentの型配列を監視し、モデルからコレクションFilterControllerを返します。Places

上記の状況で場所のフィルタリングを実装する方法は?

現在、フィルターに基づいて場所をリストするデモを作成しようとしています。すべての入力を歓迎します!

4

1 に答える 1

2

インターフェイスの指定に従って配列コントローラーをフィルター処理する配列コントローラーで計算されたプロパティを実行できます。

App.PlacesController({
   content: [an array with your places],
   placesToDisplay: function(){
       return this.filter(function(item){
           return this.get('filter').contains(item.get('type')); //true when you want the item to be displayed.
       });
   }.property('content', 'filter'),
   filter: [] //containing the types you want to filter on.
});

placesToDisplayビュー内のプロパティを参照してください。そして、filterプロパティを更新します。placesToDisplayはプロパティを監視するため、filterプロパティの内容が変更されるとビューが再レンダリングされますfilter。

ソファーで何を試しましたか？あなたがフィドルをするなら、私はより具体的になることができます。

于 2013-02-08T10:54:45.520 に答える