destination.coffee

# @cjsx React.DOM

React       = require('react')
Components  = require('app/components')
Grid        = Components.Grid
Table       = Components.Table

BF1220O = React.createClass
  render: ->

    <div>
      <Grid data={@props.data}  name="Personal" fields='agentCode givenName surname'/>
      <Grid data={@props.data}  name="Agent" parentKey='agent' fields='familyName familyNameKana givenName'/>
      <Table data={@props.data} name="Addresses" collection="addresses" columns={[{id:'addressString'}, {id:'postalCode'}, {id:'addressType'}]}/>
    </div>

module.exports = BF1220O

source.txt

view BF1220O {
  <div>
    <Grid name="Personal" fields='agentCode givenName surname'/>
    <Grid name="Agent" parentKey='agent' fields='familyName familyNameKana givenName'/>
    <Table name="Addresses" collection="addresses" columns={[{id:'addressString'}, {id:'postalCode'}, {id:'addressType'}]}/>
  </div>
}