1-firstimpl.js

BlogPost = Backbone.Model.extend({
  select: function(){
    this.set({selected: true});
    this.collection.selectPost(this);
  }
});

BlogPosts = Backbone.Collection.extend({
  model: BlogPost,

  selectPost: function(post){
    this.vent.trigger("post:selected", post);
  }
});

BlogPostPreview = Backbone.View.extend({
  events: {
    "click a": "postSelected"
  },

  initialize: function(){
    this.model.bind("change:selected", this.highlight, this);
  },

  highlight: function(model, selected){
    var cssClass = ""
    if (selected){
      cssClass = "highlight"
    }
    $(this.el).attr("class", cssClass);
  },

  postSelected: function(e){
    e.preventDefault();
    this.model.select();
  }
})

BlogRouter = Backbone.Router.extend({
  routes: {
    "/post/:id": "showPost"
  },

  showPost: function(id){
    var post = this.posts.get(id);
    // load the post view and display it
  }
});

var vent = _.extend({}, Backbone.Events);
var posts = new BlogPosts({vent: vent});
var router = new BlogRouter();

vent.bind("post:selected", function(post){
  router.navigate("/post/" + post.id);
});

2-betterimpl.js

BlogPost = Backbone.Model.extend({
  select: function(){
    this.set({selected: true});
    this.collection.selectPost(this);
  }
});

BlogPosts = Backbone.Collection.extend({
  model: BlogPost,

  selectPost: function(post){
    this.vent.trigger("post:selected", post);
  }
});

BlogPostPreview = Backbone.View.extend({
  events: {
    "click a": "postSelected"
  },

  initialize: function(){
    this.model.bind("change:selected", this.highlight, this);
  },

  highlight: function(model, selected){
    var cssClass = ""
    if (selected){
      cssClass = "highlight"
    }
    $(this.el).attr("class", cssClass);
  },

  postSelected: function(e){
    e.preventDefault();
    this.model.select();
  }
})

BlogRouter = Backbone.Router.extend({
  routes: {
    "/post/:id": "showPost"
  },

  initialize: function(options){
    this.controller = options.controller;
  },

  showPost: function(id){
    var post = this.posts.get(id);
    post.select();
  }
});

BlogController = function(){
  this.showPost(post){
    // load up the post view
    // and display it
  }
}

var vent = _.extend({}, Backbone.Events);
var posts = new BlogPosts({vent: vent});
var controller = new BlogController();
var router = new BlogRouter({controller: controller});

vent.bind("post:selected", function(post){
  controller.showPost(post);
  router.navigate("/post/" + post.id);
});