toggler.js

// create a toggler link...is there a better way?
var toggler = new Ext.BoxComponent({
    autoEl: {
        tag: 'a',
        href: '#',
        html: 'All'
    },
    listeners: {
        'render': function(comp) {
            var el = comp.getEl();
            el.on({
                'click': {
                    scope: comp,
                    fn: function(event, element) {
                        event.stopEvent();
                        var text = this.getEl().dom.innerHTML;
                        text = text.toggle('All', 'None');
                        this.update(text);
                    }
                }
            });
        }
    },
    renderTo: Ext.getBody()
});