Specify listeners on child components

[amanyosa]

Checking on the documentation, about formpanel

http://docs.sencha.com/touch/2-0/#!/api/Ext.form.Panel

I've found how to supposedly specify listeners on its child components, like this


var form =Ext.create('Ext.form.Panel',{ listeners:{'> field':{ change:function(field, newValue, oldValue){ ed.set(field.getName(), newValue);}}}, items://as before});but for me does not work (with Sencha 2.1)

Anybody has experience with this? Could you explain what exactly means the line '> field': ?

Thanks in advance!

[bluehipy]

Checking on the documentation, about formpanel

http://docs.sencha.com/touch/2-0/#!/api/Ext.form.Panel

I've found how to supposedly specify listeners on its child components, like this


var form =Ext.create('Ext.form.Panel',{ listeners:{'> field':{ change:function(field, newValue, oldValue){ ed.set(field.getName(), newValue);}}}, items://as before});but for me does not work (with Sencha 2.1)

Anybody has experience with this? Could you explain what exactly means the line '> field': ?

Thanks in advance!

> field is a selector for the first child of type field, post your code for directions

[amanyosa]

I don't have any code, I just tried the example from the Sencha docs and does not work...

[AndreaCammarata]

You need to set the "delegate" config to "field" inside the listeners node:

...
listeners: {
    delegate: 'field',
    change: function(field, newValue, oldValue){
         console.log(newValue);
    }
 }

You can read more on event delegation at the following doc page:
http://docs.sencha.com/touch/2-1/#!/...able-method-on