aboutsummaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/index.js13
-rw-r--r--src/myview.js26
-rw-r--r--src/view.js28
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();
+ }
+
+
+
+}