JSFiddle - React, Tailwind, and code Playground
HTML
<!-- PLEASE BE SURE TO OPEN YOUR JAVASCRIPT CONSOLE! -->
<!-- Getting Started with Backbone.js Models - Part II : Creating an Initialize Method -->
<!-- blog.kevinchisholm.com -->
<!-- Example # 1B -->
<script type="text/javascript" src="http://examples.kevinchisholm.com/backbone/models/basics/js/lib/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="http://examples.kevinchisholm.com/backbone/models/basics/js/lib/handlebars.js"></script>
<script type="text/javascript" src="http://examples.kevinchisholm.com/backbone/models/basics/js/lib/underscore-min.js"></script>
<script type="text/javascript" src="http://examples.kevinchisholm.com/backbone/models/basics/js/lib/backbone-min.js"></script>
JavaScript
var SalesPerson = Backbone.Model.extend({
defaults : {
fname : "John",
lname : "Smith",
totalSales : "0"
},
initialize: function() {
console.log('A model instance named: ' + this.get("fname") + ' ' + this.get("lname") + ' was created.');
}
});
var tom = new SalesPerson({
"fname": "Tom",
"lname": "Corbett",
"totalSales": "5750"
});
var andy = new SalesPerson({
"fname": "Andy",
"lname": "Taylor",
"totalSales": "2450"
});
var jane = new SalesPerson( {
"fname": "Jane",
"lname": "McIntyre"
});