easy-view

Create Atom views' DOM with html... like a sane person.

Example

Specify jQuery event handlers using data-bind attributes in your markup.

<!-- example.html -->
<section>
  <div>
    <h3 data-bind="click: onClick, mouseover: onMouseOver">A Header</h3>
    <p>This is pretty <a href="#" data-bind="click: onClick">easy</a>.</p>
  </div>
</section>

When the event is triggered, the handler will be called within the scope of the EasyView.

# Example.coffee
EasyView = require 'easy-view'
path = require 'path'

module.exports =
class Example extends EasyView

  # specify the template
  template: path.join __dirname, './example.html'

  onClick: (element) ->
    console.log element, 'was clicked'

  onMouseOver: (element) ->
    console.log 'mouse is over', element

Usage

Example = require './Example'

example = new Example()

# Call render to append the DOM with event handlers to a container element.
example.render(container)

Note

This is a beta release, quickly thrown together while trying to develop an Atom package. Please feel free to report bugs in order to make it better...stronger...faster.