extend a view in Backbone

extend_example.js

// demo: http://jsfiddle.net/ShUW2/2/

var P = Backbone.View.extend({
    events: {
        'click p': 'p',
        'change #a': 'change',
        'click #s': 'click'
    },
    p: function (e) {
        alert('clicked the p');
    },
    change: function (e) {
    	var $el = $(e.target);
    	console.log($el.val());
    },
    click: function () {
        alert('click in p..');
    }
});

var p1 = new P({el: '#parent'});

var C = P.extend({
    initialize: function () {
        P.prototype.initialize.apply(this);
    },
    p: function (e) {
        alert('clicked the p in child');
    }
});
var c1 = new C({el: '#child'});

extends events also:

var P = Backbone.View.extend({
    el: '#parent',
    events: {
        'click p': 'p',
        'change #a': 'change',
        'click #s': 'click'
    },
    p: function (e) {
        alert('clicked the p');
    },
    change: function (e) {
        console.log(e.target);
    },
    click: function () {
        alert('click in p..');
    }
});
var p1 = new P();
var C = P.extend({
    events: _.extend({},P.prototype.events,{
        'click #ccc': 'c'
    }),
    initialize: function () {
        P.prototype.initialize.apply(this);
    },
    el: '#child',
    p: function (e) {
        alert('clicked the p in child');
    },
    c: function () {
        alert('click c var extend ...');
    }
});
var c1 = new C();​

demo: http://jsfiddle.net/ShUW2/3/