JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://raw.github.com/afeld/backbone-nested/master/backbone-nested.js"></script>
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<div id="box"></div>
JavaScript
var Model = Backbone.NestedModel.extend({
defaults: {
items: []
}
});
var basket = new Model();
basket.on("add:items", function() {
$("#box").append("added<br />");
});
basket.add("items", {
name: "Item 1",
price: "1.00"
});
basket.set("items[0].name", "Item 2");
basket.set("items[0].price", "2.00");