root/trunk/multiview.js

// This is a view that contains subviews. Just set it up
// by initializing it with a hash of name => view pairs,
// and you can switch between views by calling
// setView(name)

MultiView = new Class(View, {
  // views is a hash of { name => view }
  init: function (opts) {
    if (!opts.views)

    this.currentSelection = null;
    this.views = opts.views;

    this.viewList = [];
    for (var p in opts.views) {
      if (opts.views[p].hasOwnProperty("view")) {
        this.viewList.push(p);
      }
    }

    MultiView.superClass.init.apply(this, arguments);

    this.hideAllViews();

    if (opts.defaultView)
      this.setView(opts.defaultView);
  },

  hideAllViews: function () {
    for (var i=0; i < this.viewList.length; i++) {
      var ele = this.getElement(this.viewList[i]);
      if (!ele)
        continue;

      ele.style.display = "none";
    }
  },

  setView: function (name) {
    name += ""; // treat as hash not array
    if (!this.views[name]) return;

    this._setView(this.getElement(name));
  },

  getElement: function (name) {
    return this.views[name].getView();
  },

  _setView: function (ele) {
    if (!ele)
      return;

    if (this.currentSelection == ele) return;

    ele.style.display = "block";

    this.view.appendChild(ele);

    if (this.currentSelection)
      this.view.removeChild(this.currentSelection);

    this.currentSelection = ele;

    this._render();
  }
});