January, 2015
sample of handlebars.js with underscore.js
|
1 2 3 4 |
var cartTemplate = '<p> Name: {{na}} Sku: {{sk}}</p>'; var compiled = Handlebars.compile(cartTemplate); console.log(compiled({na: ‘Compact Round Trampoline’, sk : ‘R54’})); console.log(compiled({na: ‘Medium Round Trampoline, sk : ‘R79’})); |
From above sample code, we can define very clear template (no need JavaScript in the template source).
example of backbone.js validate
Here is a good example of backbone validate
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Backbone.js Test by Ning</title> <!--<link rel="stylesheet" href="style.css">--> <script type="text/javascript" src="jquery-1.7.2.js"></script> <script type="text/javascript" src="underscore.js"></script> <script type="text/javascript" src="backbone.js"></script> <style type="text/css"> .rectangle { position: absolute; border: 4px solid black; } </style> </head> <body> Backbone.js Test by Ning </body> <script> /* Validation */ var Vehicle = Backbone.Model.extend({ validate: function (attrs) { var validColors = ['white','red','blue','yellow']; var colorIsValid = function (attrs) { if (!attrs.color) return true; return _(validColors).include(attrs.color); }; if (!colorIsValid(attrs)) { return "color must be one of: " + validColors.join(','); } } }); var car = new Vehicle(); car.on('error', function (model, error) { console.log(error); }); car.set('foo','bar'); car.set('color', 'blue'); car.set('color', 'mauve'); console.log(car.get('color')); car.set('color', 'red'); console.log(car.get('color')); // error handlers can be overridden per-operation car.set({color: 'turquoise'}, { error: function (model, error) { alert(error); } }); </script> </html> |
If the object is banckbone Model
|
1 |
console.log(yourObject instanceof Backbone.Model); |
or
|
1 |
console.log(yourObject instanceof yourModel); |
The instanceof operator tests whether an object has in its prototype chain the prototype property of a constructor.