v5/lib/landscape-0.0.2.js

V5 Mobile Web Framework

/*global EventProxy*/
(function (global) {
  var $ = global.jQuery || global.Zepto;
  var Landscape = function () {
    this.version = "0.0.1";
  };

  /**
   * 继承
   * @param {Function} parent 父类
   * @param {Object} properties 新属性
   * @return {Function} 新的子类
   */
  Landscape.extend = function (parent, properties) {
    if (typeof parent !== "function") {
      properties = parent;
      parent = function () {};
    }

    properties = properties || {};
    var sub = function () {
      // Call the parent constructor.
      parent.apply(this, arguments);
      // Only call initialize in self constructor.
      if (this.constructor === parent && this.initialize) {
        this.initialize.apply(this, arguments);
      }
    };
    sub.prototype = new parent();
    sub.prototype.constructor = parent;
    $.extend(sub.prototype, properties);
    return sub;
  };

  global.Landscape = Landscape;
}(window));

(function (global) {
  var $ = global.jQuery || global.Zepto;
  var Land = function (selector, callback) {
    if (!(this instanceof Land)) {
      return new Land(selector, callback);
    }
    this.ready(selector, callback);
  };

  Land.prototype.ready = function (selector, callback) {
    var view = this;
    // When document ready
    $(function () {
      view.element = $(selector);
      if (view.element.size()) {
        callback(view);
      } else {
        throw new Error(selector + " block doesn't exist.");
      }
    });
    return this;
  };

  Land.prototype.$ = function (selector) {
    return $(selector, this.element);
  };

  Land.prototype.delegate = function (selector, events, handler) {
    this.element.delegate(selector, events, handler);
    return this;
  };

  Land.prototype.getTemplate = function (id) {
    return $("#template_" + id).html();
  };

  global.Land = Land;
}(window));

(function (global) {
  var Scape = global.Landscape.extend(EventProxy, {
    initialize: function (data) {
      this.data = data || {};
    }
  });

  /**
   * ready方法以key绑定事件，如果该值已经被设置过，回调函数将会立即触发一次
   * @param {String} key 数据键名
   * @param {Function} callback 回调函数
   */
  Scape.prototype.ready = function (key, callback) {
    if (this.data.hasOwnProperty(key)) {
      callback({"newVal": this.data[key]});
    }
    this.bind(key, callback);
  };

  /**
   * 设置数据到Scape对象上，会以key触发一个事件。传递值为oldVal和newVal，新旧值
   * @param {String} key 数据键名
   * @param {Mix} value 数据值
   */
  Scape.prototype.set = function (key, value) {
    var oldValue = this.data[key];
    this.data[key] = value;
    this.fire(key, {"oldVal": oldValue, "newVal": value});
    return this;
  };

  Scape.prototype.get = function (key, formatter) {
    var val = key ? this.data[key] : this.data;
    if (typeof formatter === 'function') {
      return formatter(val);
    } else {
      return val;
    }
  };

  Scape.prototype.remove = function (key) {
    delete this.data[key];
    return this;
  };

  global.Scape = Scape;
}(window));