Joosy / Dynamic Rendering

Editor.coffee

elements:
  'titlePane': 'h1'
  'titleForm': 'form'

events:
  'click $titlePane': (element) ->
    @titlePane.hide()
    @titleForm.show()

@afterLoad ->
  Joosy.Form.attach @titleForm,
    resource: @data.post
    success: =>
      @data.post('title', @titleForm.find('input[type=text]').val())
      @titleForm.hide()
      @titlePane.show()

Form.haml

-# templates/pages/posts/show.jst.hamlc
%form{:style => 'display: none'}
  %input{:type => 'text', :name => 'post[title]'}
  %input{:type => 'submit'}
!= @renderDynamic '_title', @post
%hr
%p
  = @post('body')

Partial.haml

-# templates/pages/posts/show.jst.hamlc
!= @renderDynamic '_title', @post
%hr
%p
  = @post('body')

-# templates/pages/posts/_title.jst.hamlc
%h1
  %i.icon-book
  = @title
  %sup.badge.badge-success
    24.05.2012

Template Scopes.coffee

render 'foo', {foo: 'bar'}
# @foo = 'bar'

render 'foo', Post.build(title: 'test')
# @title = 'test'

Post.find 'all', (posts) -> render 'foo', posts
# @data = posts.data