themouette / fossil-view Goto Github PK

    var Messages = CollectionView.extend({
        selector: 'ul',
        ItemView: ModelView.extend({
            tagName: 'li',                                                                                                                                                                            
            template: '{{title}}'
        }), 
        template: '<h3>messages</h3><ul></ul>'
    }); 

    var Layout = RegionMagager.extend({
        recycle: false,
        template: '<header></header><div class="messages row">Here comes messages</div>',
        regions: {
            'header': 'header',
            'messages': '.messages'
        },  
        initialize: function (options) {
            var headerView = new View({template: 'Hello'});
            var messagesView = new Messages({
                collection: new Backbone.Collection ()
            }); 
            this.registerView(headerView, "header");
            this.registerView(messagesView, "messages");
        }   
    });

new Layout().render().$el.appendTo('body');