Backbone nested relational

by Winter Soldier

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.3.3/backbone-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone-relational/0.10.0/backbone-relational.js"></script>

JavaScript

var Address = Backbone.RelationalModel.extend({});

var Task = Backbone.RelationalModel.extend({});
var TaskCollection = Backbone.Collection.extend({
    model: Task
});

var Employee = Backbone.RelationalModel.extend({
    relations: [{
        type: Backbone.HasOne,
        key: 'address',
        relatedModel: Address,
        reverseRelation: {
					type: Backbone.HasOne,
					key: 'employee'
				}
    }, {
        type: Backbone.HasMany,
        key: 'tasks',
        collectionType: TaskCollection,
        relatedModel: Task,
        reverseRelation: {
        	type: Backbone.HasOne,
					key: 'operatesOn'
				}
    }]
});

var EmployeeCollection = Backbone.Collection.extend({
    model: Employee
});

var Company = Backbone.RelationalModel.extend({
    relations: [{
        type: Backbone.HasMany,
        key: 'employees',        
        relatedModel: Employee,
        reverseRelation: {
					key: 'worksFor'
				}
    }]
});

var company = new Company({
    name: 'Nicks Company',
    employees: [{
        name: 'Bob',
        address: {
            line1: '1 City Lane',
            city: 'London'
        },
        tasks: [{
            description: 'Make this work'
        }]
    }, {
        name: 'Bill',
        address: {
            line1: '1 The Street',
            city: 'Birmingham'
        },
        tasks: [{
            description: 'Make a cake'
        }, {
            description: 'Fix all the things'
        }]
    }]
});

console.log('Company:', company.get('name'));
company.get('employees').each(function (employee) {
	console.log('Employee:', employee.get('name'));
	console.log('Employee:', employee.get('name'), 'Address Model:', employee.get('address')); 
	employee.get('tasks').each(function (task) {
		console.log('Employee:', employee.get('name'), 'Task: ', task.get('description'));
	});
});