Forums

function defineJVMView(Y) {
    Y.JVMView = Y.Base.create('jvmView', Y.View, [], {
        // Specify delegated DOM events to attach to the container.
        events: {
            '#jvmTable button': {click: 'handleGraphButtonClick'},
            '#jvmTable input[type=button]': {click: 'handleGraphButtonClick'}
        },
       
        // runs when the view is instantiated.  This is a good time to
        // subscribe to change events on a model instance.
        initializer: function() {
            var $this = this;

            // link us to changes in the selected JVM stats

            // subscribe to events when the model is replaced or any other
            // change events take place.
            var model = $this.get('model');
           
            // if this view has a model, bubble model events to the view.
            model && model.addTarget($this);

            // if the model gets swapped out, reset targets accordingly.
            // We can make good use of this to switch the same
            // view among various model objects, rather than creating
            // a separate View object for each.
            $this.after('modelChange', $this.afterModelChange);

            // the following never actually calls afterAddChange.
            $this.after('model:add', $this.afterAddChange, $this);
        },

        afterAddChange: function(ev) {
            console.log("JVMView's model 'add' called");
            $this.render;
        },

        afterModelChange: function(ev) {
            ev.prevVal && ev.prevVal.removeTarget($this);
            ev.newVal && ev.newVal.addTarget($this);
            console.log("JVMView's model has changed");
        },
    }, {
        ATTRS: {
             container: {
                value: '#jvmInfo'
            }
        }
   });
}