Backbone JS Samples

Backbone JS Samples

by Shrikrishna Gupta

HTML

<!-- Hmtl -->
    <script src="https://code.jquery.com/jquery-2.1.3.min.js" type="text/javascript"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.3.3/underscore-min.js"
        type="text/javascript"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/0.9.2/backbone-min.js"
        type="text/javascript"></script>

JavaScript

var Todo = Backbone.Model.extend({
	defaults: {
		title: "Harsh",
		completed: false
	}, 
	initialize: function() {
		console.log('This model has been initialized.');
	}
});

var todo2 = new Todo({
	title: 'Set through instantiation.',
	completed: true
});
console.log('Todo title: ' + todo2.get('title'));
console.log('Todo completed ' + todo2.get('completed'));

alert("ok");

todo2.set({"title": 'Title set'});

alert("ok");

console.log(todo2.get('title'));
todo2.set({"completed": false});

console.log('completed: ' + todo2.get('completed'));
var Person = Backbone.Model.extend();
var person = new Person();
person.set({
    name: "<b>John Doe</b><br>",
		contact_num:'0987654321'
});
document.write( person.get('name'));
document.write( person.escape('name'));


if(person.has('contact_num')) {
    document.write("The person is having contact number");
} else {
    document.write("The person is not having contact number");
}

var employee=person.clone();
document.write("\n Name of the Employee: ", employee.get('name'));