forked from themindfuldev/marionette-vdom
/
app.js
43 lines (35 loc) · 830 Bytes
/
app.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
'use strict';
var $ = require('jquery');
var _ = require('underscore');
var Backbone = require('backbone');
Backbone.$ = $;
var VDOMItemView = require('./vdom-item-view');
//var VDOMItemView = require('./vdom-item-view.alternate');
// Defining Model and View
var Model = Backbone.Model.extend({
defaults: {
unit: 'o',
content: ''
},
tick: function() {
this.set('content', this.get('content').concat(this.get('unit')));
}
});
var View = VDOMItemView.extend({
template: _.template('<p><a><b>w<%= content %></b></a></p>'),
modelEvents: {
"change": "render"
}
});
// Instantiating myModel and myView
var myModel = new Model({
unit: 'aaaaaa'
});
var myView = new View({
model: myModel
});
// rendering
myView.render().$el.appendTo('body');
setInterval(function() {
myModel.tick();
}, 1000);