JSFiddle - React, Tailwind, and code Playground

by avrelian

HTML

<script src="https://raw.github.com/documentcloud/underscore/1.1.7/underscore.js"></script>
<script src="https://raw.github.com/douglascrockford/JSON-js/master/json2.js"></script>
<script src="https://raw.github.com/documentcloud/backbone/0.5.3/backbone.js"></script>
<script src="https://raw.github.com/PaulUithol/Backbone-relational/master/backbone-relational.js"></script>

JavaScript

// BackboneRelational collection url

Set = Backbone.RelationalModel.extend({
    relations: [
        {
            type: Backbone.HasMany,
            key: 'items',
            relatedModel: 'Item',
            collectionType: 'ItemList',
            reverseRelation: {
                key: 'set',
                includeInJSON: 'id'
            }
        }
    ]
});

SetList = Backbone.Collection.extend({
    model: Set,
    url: 'sets'
});

Item = Backbone.RelationalModel.extend({});

ItemList = Backbone.Collection.extend({
    model: Item,
    url: 'items'
});

setList = new SetList;
setList.reset([
    {
        'id': 1,
        'items': [
            {
                'id': 1
            }, 
            {
                'id': 2
            }
        ]
    }
]);

setList.get(1).get('items').get(1).destroy();



//item1 = new Item({ 'id': 1});
//item2 = new Item({ 'id': 2});

//set = new Set;
//set.get('items').add([ item1, item2 ]);

//item1.destroy();