page.jst.eco

  <div id="container">
      <ul>
          <li data-row="1" data-col="1" data-sizex="1" data-sizey="1"></li>
          <li data-row="1" data-col="2" data-sizex="1" data-sizey="1"></li>
          <li data-row="1" data-col="3" data-sizex="1" data-sizey="1"></li>
          <li data-row="1" data-col="4" data-sizex="1" data-sizey="1"></li>
          <li data-row="1" data-col="5" data-sizex="1" data-sizey="1"></li>
      </ul>
  </div>

view.js.coffee

class Namespace.Views.View extends Backbone.View
  gridster: null

  initialize: ->
    @render()

  render: =>
    $(@el).html JST['templates/page'](key: 'value')

    @loadGridster()

    this

  loadGridster: =>
    @gridster = @$("#container ul").gridster({
        widget_margins: [10, 10],
        widget_base_dimensions: [140, 80],
        min_cols: 5,
        min_rows: 1,
    })

    @gridster.data 'Namespace.Views.View.gridster'

    console.log @gridster