Issue with ampersand collection sorting about ampersand-collection

[latentflip]

Hi @gpicazo,

What you're trying to do looks right to me. Would it be possible to post some examples of the data your api is returning so I can try and replicate the issue and find a fix? Maybe just paste a couple of examples of the data returned by /api/event-dates into a gist.github.com gist?

[latentflip]

Can you also show the code for EventDate? I just created an example locally that seems to work for me, so I need to see some more of what you're doing to try and help track it down. Thanks! 😄

[genaro-picazo]

Hi @latentflip,

I have created the following gist with the requested info:
https://gist.github.com/gpicazo/964dd9cb1dc168071530

I've also included the part of the package.json that shows the versions of each & component that I am using.

[latentflip]

Hi @gpicazo, at what point are you checking that the data is sorted, can you show me where you are doing that? I'm trying to replicate this with your code and data but it's all looking okay to me :/

[genaro-picazo]

All I am doing is rendering the collection in a view using the view's renderCollection method. I then fetch the collection data:

render: function() {
        this.renderWithTemplate();
        this.renderCollection(this.collection, EventDateItem, this.getByRole('event-dates'));
        this.fetchEventDates();
        ...
}

...

fetchEventDates: function() {
        this.collection.fetch({
            data: {
                fromDate: this.fromDate.valueOf(),
                toDate: this.toDate.valueOf()
            }
        });
    }

I've tried adding a success callback to the fetch request that manually sorts the collection on success (and even tried wrapping the call to sort in a setTimeout closure to insure the returned data was in the collection obect), but I get the same results.

the EventDateItem view is very simple and just initializes the template and binds a couple of the model properties to some elements.... nothing fancy.

[latentflip]

Oh, so it's in the rendering that you're seeing them unsorted? That probably means it's possibly because of an old bug in ampersand-collection-view causing the view not to update correctly, and you're on outdated version of ampersand-view.

Try changing ampersand-view: "6.0.3", in your package.json to ampersand-view: "^6.0.9", (note the additional ^ and the change to 6.0.9). Then run npm update from your project directory to pull in ampersand-view 6.0.9, and try again.

[genaro-picazo]

That worked. Thank you.

I suspected it was an outdated package, I really should've followed that hunch and updated all of them :(.

[latentflip]

No problem!