props, derived, session for ampersand-collection about ampersand-collection

[kamilogorek]

Not really, but you can easily do that on your own, here's the working PoC:

https://gist.github.com/kamilogorek/df66f02c452f67170062

[dhritzkiv]

Thanks!

On Jul 23, 2014, at 11:08 AM, Kamil Ogórek [email protected] wrote:

Not really, but you can easily do that on your own, here's the working PoC:

https://gist.github.com/kamilogorek/df66f02c452f67170062

—
Reply to this email directly or view it on GitHub.

[wraithgar]

this is almost exactly how we've solved this problem in the past, just remember to include add and remove events in your listenTo

[HenrikJoreteg]

We've talked about supporting this. Then you'd be able to directly listen to change:length for example. That seems to be the most common use case, but it's be cool to support this out of the box.

Trick is, with stuff like filtered sets is that it starts getting pretty inefficient as the collection size increases.

You might look at ampersand-sub-collection too. It's meant for this type of use, but has less docs/tests. it's simply not as polished.

[HenrikJoreteg]

going to close this for now, not sure we've got enough impetus to add this.

[jrmyio]

Currently facing a problem where I have a simple collection and I want to show the amount of items in the collection in the template. I cannot use bindings {} because the collection cannot have properties.

How would one solve this?

[yallups]

I think it would be cool of a collection inherited from state.

[jrmyio]

If there is not a simple solution for the collection/show length use case then I think something has to change. This could be limited to derived properties, but currently it seems you cannot have non-property dependencies for derived properties.

[HenrikJoreteg]

One potential approach.

initialize: function () {
  this.on('add remove reset', function () {
    this.trigger('change:length', this.length); 
  }, this);
}

Then from a view, you could bind it like:

bindings: {
   'collection.length': {
      selector: '.collection-length'
   }
}