diff options
Diffstat (limited to 'src')
-rw-r--r-- | src/index.js | 13 | ||||
-rw-r--r-- | src/myview.js | 26 | ||||
-rw-r--r-- | src/view.js | 28 |
3 files changed, 67 insertions, 0 deletions
diff --git a/src/index.js b/src/index.js new file mode 100644 index 0000000..f29efc1 --- /dev/null +++ b/src/index.js @@ -0,0 +1,13 @@ +import Backbone from 'backbone'; +import TestView from './view'; +import _ from 'underscore'; + +Backbone.history.start(); + +class Index { + constructor() { + new TestView(); + } +} + +new Index(); diff --git a/src/myview.js b/src/myview.js new file mode 100644 index 0000000..026f563 --- /dev/null +++ b/src/myview.js @@ -0,0 +1,26 @@ +import Backbone from 'backbone'; +import * as _ from 'underscore'; +import $ from 'jquery'; +import Mustache from 'mustache'; + + +export default class MyView extends Backbone.View { + constructor() { + super(); + } + + initialize() { + this.el = '#myarea'; + this.$el = $(this.el); + this.template = 'Hello'; + this.render(); + } + + render() { + console.log(this.el) + this.$el.html(Mustache.render(this.template)); + } + + + +} diff --git a/src/view.js b/src/view.js new file mode 100644 index 0000000..399ac03 --- /dev/null +++ b/src/view.js @@ -0,0 +1,28 @@ +import Backbone from 'backbone'; +import * as _ from 'underscore'; +import $ from 'jquery'; +import Mustache from 'mustache'; +import MyView from './myview'; + + +export default class TestView extends Backbone.View { + constructor() { + super(); + } + + initialize() { + this.el = 'li'; + this.$el = $(this.el); + this.template = '<div id="myarea"></div>' + this.render(); + } + + render() { + console.log(this.el) + this.$el.html(Mustache.render(this.template)); + new MyView(); + } + + + +} |