[SOLVED] Custom listeners

[ctp]

Howdy,

I use this simple function for my change listener:

listeners: {
  change: function(obj) {
    tmpProp[obj.id] = this.getValue();
    for (var record in tmpProp) {
      console.log(record + ': ' + tmpProp[record]);
    }
  }
}

tmpProp is a global Object() instance. I need this code dozens of times so I try to get the code out of my listener: {change: {}} block to reuse it everywhere I need it. I'm using an application class like described in http://www.sencha.com/learn/Tutorial..._for_Beginners but don't get the code running. Anyone has a hint how to define an external function for this listener?

[Keylan]

What is 'this' referencing when calling this.getValue()?

If you define that function externally:

function changeListener (obj) {     
  tmpProp[obj.id] = this.getValue();     
  for (var record in tmpProp) {       
    console.log(record + ': ' + tmpProp[record]);
}

...

listeners: {   
  change: changeListener.createDelegate(this)
}

May get you what you are looking for..

[ctp]

Many thanks for the prompt reply Keylan.

It seems, I'm in newbie trouble ;-) I wanna define changeListener in global context, so my main JS consists of:

Ext.BLANK_IMAGE_URL = '/ext/resources/images/default/s.gif';
Ext.ns('App', 'App.widget', 'App.store', 'App.var');

App.main = function() {

  // private variables

  // private functions

  // public space
  return {

    // public properties

    // public methods
    init: function() {
      App.var.tmpProperty = new Object();
      function changeListener (obj) {
        App.var.tmpProperty[obj.id] = this.getValue();
        for (var record in App.var.tmpProperty) {
          console.log(record + ': ' + App.var.tmpProperty[record]);
        }
      };
    }
  };
}();

I followed the beginners howto: http://www.sencha.com/learn/Tutorial..._for_Beginners

I'm initializing the app by

Ext.onReady(App.main.init, App.main)

... so all should work fine. My listener I'm calling

listeners: { change: changeListener.createDelegate(this) }

and get an error: "changeListener is not defined"

Hm, it seems the changeListener function is not visible by my further code, but can't see why ...

[steffenk]

it's not global.

Change it to

App.changeListener = function() {...}

...

listeners: { change: App.changeListener.createDelegate(this) }

[ctp]

Great, all works fine now 8-) Many, many thx ...

[Keylan]

Hurray teamwork.