JSFiddle - React, Tailwind, and code Playground

by nikoshr

HTML

<script src="http://underscorejs.org/underscore-min.js"></script>
<script src="http://backbonejs.org/backbone-min.js"></script>

JavaScript

var Product = Backbone.Model.extend({});
var ProductCollection = Backbone.Collection.extend({
    model:Product,

    initialize: function() {
        this.on('sort', this.test);
    },
    
    test: function(){
        console.log('test', this.pluck('id'));
    }
});

var products = new ProductCollection([
    {id: 1, price: 1.5},
    {id: 2, price: 2.5},
    {id: 3, price: 1}
]);
console.log(products.pluck('id'));

products.comparator = function(product) {
    return parseFloat(product.get("price"));
};
products.sort();