Golfing Maria Views

gistfile1.js

// The following is sugar for writing out in full a view constructor function, its prototype, and the boilerplate
// for inheriting from maria.ElementView. This sugar uses naming conventions to wire together
// the view with its model, controller, and their methods.
//
// A checkit.TodoView will observe a checkit.TodoModel. When the model changes, the update method below is called.
// When a user clicks on the todo element, the handling is delegated to the checkit.TodoController's
// handleRootClick method.
//
maria.ElementView.declareConstructor(checkit, 'TodoView', {
    template: '<li><span class="todo-content"></span></li>', // the template can live elsewhere, of course
    actions: {
        'click li': 'handleRootClick'
    },
    methods: {
        update: function() {
            this.find('.todo-content').innerHTML = this.getModel().getContent();
        }
    }
});