don't route commands and events

1-routing-delete.js

SomeModel = Backbone.Model.extend({});

SomeCollection = Backbone.Collection.extend({
  model: SomeModel
});

SomeView = Backbone.view.extend({
  el: "#some-model",
  template: "#some-template",

  render: function(){
    var html = $(this.template).tmpl(this.model);
    $(this.el).html(html);
  }
});

SomeRouter = Backbone.Router.extend({
  routes: {
    '#/delete/:id': 'delete'
  },

  delete: function(id){
    model = someCollection.find(id);
    model.destroy();
    $("#some-model").remove();
  }
});

2-routing-delete.html

<div id="some-model">
  <p>display some data from the model, here</p>
  <a class="delete" href="#/delete/1">delete</a>
</div>

3-view-delete.js

SomeModel = Backbone.Model.extend({});

SomeCollection = Backbone.Collection.extend({
  model: SomeModel
});

SomeView = Backbone.view.extend({
  el: "#some-model",
  template: "#some-template",

  events: {
    "click a.delete": "delete"
  },

  render: function(){
    var html = $(this.template).tmpl(this.model);
    $(this.el).html(html);
  },

  delete: function(e){
    e.preventDefault();
    this.model.destroy();
    this.remove();
  }
});

4-view-delete.html

<div id="some-model">
  <p>display some data from the model, here</p>
  <a class="delete" href="#">delete</a>
</div>