JavaScript cato View Examples

Example #1

File: static.js Project: emarschner/cato

function ExampleView() {
  View.call(this);
}

Example #2

File: click.js Project: emarschner/cato

function TestView() {
  View.call(this);
};

Example #3

File: static.js Project: emarschner/cato

var View = require('cato').View,
    $ = require('cato').Shim;

function ExampleView() {
  View.call(this);
}

View.mixin(ExampleView);

ExampleView.prototype._render = function() {
  this.id = $.id();
  return $.tag('p', { id: this.id }, 'Hello world!');
};

module.exports = ExampleView;

Example #4

File: click.js Project: emarschner/cato

var View = require('cato').View,
    $ = require('cato').Shim;

function TestView() {
  View.call(this);
};

View.mixin(TestView);

TestView.prototype.render = function() {
  var self = this;
  return $.tag('div', [
      $.tag('div', function(count) {
        return 'Clicks: ' + count;
      }),
      $.tag('button', {
        onclick: function() {
          self.increment();
          return false;
        }
      }, 'Click me')
    ]);
};

TestView.prototype.increment = function() {
  var model = this.model;
  model.set('count', model.get('count') + 1);
};

module.exports = TestView;