Class HogeView extends Backbone.View
initialize: ->
@listenTo @model, ‘change’, render
do @render
render:->
$oldel = @$el
$newel = $(<render HTML by template engine>)
@setElement $newel
$oldel.replaceWith $newel
次の段落からは簡単な形から流れに沿って最終系になるように説明していきます.
ベーシックなよくある書き方
1234567891011
class HogeView extends Backbone.View
el: '.hoge'
initialize: ->
do @render
render:->
@$el.html ich.hoge_tmpl()
<hoge.jade>
.hoge
script#hoge_tmpl(type="text/html")
p this is hoge
Class HogeView extends Backbone.View
initialize: ->
do render
render:->
@$el.html(<HTML rendering by template engine>)
Class ButtonView extends Backbone.View
el: '.add-btn'
events:
‘click': 'append'
append:->
v = new HogeView()
@$el.append(v.el)
<hoge.jade>
a.add-btn add
script#hoge_tmpl(type="text/html")
.hoge
p this is hoge
class HogeView extends Backbone.View
className: '.hoge'
initialize: ->
do @render
render:->
@$el.html ich.hoge_tmpl()
class ButtonView extends Backbone.View
el: '.add-btn'
events:
'click': 'append'
append:->
v = new HogeView()
@$el.append v.el
<hoge.jade>
a.add-btn add
script#hoge_tmpl(type="text/html")
p this is hoge
class HogeView extends Backbone.View
initialize: ->
do @render
render:->
@setElement ich.hoge_tmpl()
class ButtonView extends Backbone.View
el: '.add-btn'
events:
'click': 'append'
append:->
v = new HogeView()
@$el.append v.el
<hoge.jade>
a.add-btn add
script#hoge_tmpl(type="text/html")
.hoge
p this is hoge