Backbone Template

Standard fiddle

HTML

<script src="http://documentcloud.github.com/underscore/underscore.js"></script>
<script src="http://documentcloud.github.com/backbone/backbone.js"></script>
<script src="https://raw.github.com/PaulUithol/Backbone-relational/master/backbone-relational.js"></script>
<h3>Model:</h3>
<div id="model"></div>

JavaScript

$(function() {
    
    var response = {name: "Model1",id: 1,submodels: [{ name: "Submodel1", id: 1 }, { name: "Submodel2", id: 2 }]};
    
    SubModel = Backbone.RelationalModel.extend({});
    
    SubCollection = Backbone.Collection.extend({
        model: SubModel
    });
          
    Model = Backbone.RelationalModel.extend({
      relations: [
        {
            type: 'HasMany',
            key: 'submodels',
            relatedModel: 'SubModel',
            collectionType: 'SubCollection'
        }
      ]
    });
    
    
    var m = new Model(response);
    
    var ch = m.get("submodels").first();
    console.log(ch.get);
    console.log(ch.get('name'));
    
    $('#model').html(JSON.stringify(m))        
});