navigation.js

Pharos360.NavigationView = SC.View.extend({
  
  myTestBinding: 'Pharos360.labelsController.arrangedObjects',
  
  myTestDidChange: function() {
    console.log('myTest did change');
    this.displayDidChange();
  }.observes('myTest.[]'),
  
  render: function(context) {
    sc_super();
    console.log('render called');
       
    var data = { sc_view:this };
    var template = SC.TEMPLATES['navigation'];
    
    context.push(template(data));
  },
  
  update: function(jquery) {
    console.log('update called...');
    
    var labels_html = "";
    
    Pharos360.labelsController.forEach(function (label, index) {
      
      labels_html += "<li class='label'>" + label.get('title') + "</li>";
    });
    
    jquery.find('ul.labels').html(labels_html);
  }

});