class name bindings

binding.js

ItemView = SC.View.extend({

  //classNameBindings: ['selected'],
  classNameBindings: ['disabled'],

  // applyViewLogic is not delegates to observes because ItemView is handled by CollectionView
  init: function(){
    this._super();
    this._applyViewLogic();
  },

  _applyViewLogic: function(){

    var content = get(this, 'content');
    //console.log(content);

    var isDisabled = ( get(content, 'disabled') === '1' ) ? true: false;
    set(this, 'disabled', isDisabled );

    // that could be moved to controller
    var total = get(content, 'pvot')-get(content, 'nvot');
    set(this, 'total', total);

  }

});



TestView.View1.View = SC.ContainerView.extend({

  //elementId: 'scroller',
  classNames: ['scroller'],
  childViews: ['scrollableView'], 

  

  scrollableView:  SC.CollectionView.extend({
    tagName: 'ul',
    classNames:['listview'],
    //contentBinding: "TestView.View1.tracksController",
    contentBinding: "TestView.tracksController.sortedContent",

    itemViewClass:  ItemView.extend({

      template: SC.Handlebars.compile( ' {{content.title}} || {{content.pvot}} || {{content.nvot}} || {{total}} ' )

    }) 
  }) 

});