-/*globals Class render_template panels*/
+/*globals View render_template panels*/
-var PanelContainerView = Class.extend({
+var PanelContainerView = View.extend({
element: null,
+ model: null,
template: 'panel-container-view-template',
contentView: null,
- init: function(element, template) {
+ init: function(element, model, template) {
this.element = $(element);
+ this.model = model;
this.template = template || this.template;
this.element.html(render_template(this.template, {panels: panels}));
var view = panels[$('select', this.element.get(0)).val()];
var klass = view.klass;
console.log(view, klass);
- this.contentView = new klass($('.content-view', this.element.get(0)));
+ if (this.contentView) {
+ this.contentView.dispose();
+ this.contentView = null;
+ }
+ this.contentView = new klass($('.content-view', this.element.get(0)), this.model);
console.log(this.contentView);
},
dispose: function() {
$('select', this.element.get(0)).unbind('change.panel-container-view');
+ this._super();
}
});