gistfile1.coffee

ActionBar = React.createClass

  mixins: [
      React.BackboneMixin("actions")
  ]

  render: ->
    <ul className="nav navbar-nav">
      <li className="dropdown">
        <a className="dropdown-toggle" data-toggle="dropdown" href='#'>
          <span>Action</span>
          <b className="caret" />
        </a>
        <ul className="dropdown-menu" role="menu">
          {@props.actions.map (action) =>
            <li key={action.id}>
              <a href='#' onClick={@handleActionClick.bind(this, action.id)}>
                {action.get('name')}
              </a>
            </li>
          }
        </ul>
      </li>
    </ul>

  handleActionClick: (actionId) ->
    # launch command handler registered for selected action
    Backbone.Radio.Commands.command(actionId)