ExtJS remove listener

Question

I'm having difficulty getting this to work:

var fn = function(){};

Ext.select('ul > li').on('click',fn);
// works

Ext.select('ul > li').un('click',fn);
//doesn't work

'un'/'removeListener' does not work. Appreciate any help!

Answer 1

By default, Ext.select creates a flyweight object, which does not remember event listeners. Thus, they cannot be removed later.

You need to create real Ext.Elements by setting the second parameter to true:

var fn = function(){};

Ext.select('ul > li', true).on('click',fn);

Ext.select('ul > li', true).un('click',fn);

Unfortunately, the docs are not very clear about this.