Add a viewModelView as a view that separates ui and application data

[pajtai]

This is a view whose this.model is a ui model. It is instantiated from a passed in data model. Methods can be used to sync the two.

[dobbobolina]

The data model will be an attribute inside this model? What type of methods will this view have that make it different?

[pajtai]

@dobbobolina below is a rough draft... it's written as an extension of masseuse not a view within it, but aside from that it's pretty much what I have in mind:

define(['masseuse'], function(masseuse) {
    'use strict';

    var RivetsView = masseuse.plugins.rivets.RivetsView;

    return RivetsView.extend({
        initialize : initialize,
        saveViewModel : saveViewModel,
        loadViewModel : loadViewModel
    });

    function initialize(options) {
        if (options.model) {
            this.dataModel = options.model;
            options.model = this.dataModel.clone();
        }

        RivetsView.prototype.initialize.call(this, options);
    }

    function saveViewModel() {
        if (this.beforeSaveViewModel) {
            this.beforeSaveViewModel();
        }

        this.dataModel.set(this.model.attributes);

        if (this.afterSaveViewModel) {
            this.afterSaveViewModel();
        }
    }

    function loadViewModel() {
        this.model.set(this.dataModel.attributes);
    }
});