Sortable CollectionView

sortable-collection-view.js.coffee

Lm.PostsCollectionView = Em.CollectionView.extend
  tagName: 'tbody'
  didInsertElement: ->
    # changes position property of fieldCategories accordingly
    # and pushes changes to server with commit
    @$().sortable
      items: 'tr'
      containment: @$()
      stop: (evt, ui) ->
        # TODO: would be nice to do this in a proper transaction
        $.each $(this).sortable('toArray'), (idx, id)->
          post = Ember.View.views[id].get('content')
          post.set('position', idx + 1)
          post.get('store').commit()

  itemViewClass: Em.View.extend
    tagName: 'tr'
    templateName: 'posts/collection_item'