Как получить событие изменения в сборщике текстовых полей extjs

Question

Я хочу расширить расширение от сборщика Extjs. Я хочу, чтобы пользователь вводил текст в сборщике, вызывал функцию. Я использую событие change, оно не работает.

Я хочу расширить расширение, например combobox. Когда вы вводите текст, он фильтрует записи.

Как его реализовать?

Answer 1

Rewrite onChange свойство в расширении, как это:

onChange: function() { 
      // Your logic 
      console.log('Changed!'); 

      // Call parent method onChange(), if needed 
      this.callParent(); 
} 

создать простую скрипку, чтобы проиллюстрировать, как это работает - onChange() method fiddle

Answer 2

Добавить «изменить» слушатель в подборщика (это может быть выпадающий, выбор даты, и т.д ...)

Вот пример:

var comboName = new Ext.form.field.ComboBox({ 
    fieldLabel: 'Name', 
    editable: true, 
    listeners: { 
    'change': function (this, newValue, oldValue) { 
    DoSomething(); 
    } 
    } 
}); 

Предыдущий код вызовет функцию DoSomething() каждый раз, когда вы измените значение.

Answer 3

Если расширенный Ext.form.field.Picker класс, 'изменение' событие должно быть обработано так:

Ext.define('Your.extended.ClassName', { 
    extend: 'Ext.form.field.Picker', 

    ... 

    onChange: function(newVal, oldVal) { 
     .... 
     this.callParent(arguments); 
    } 

}); 

Answer 4

Попробуйте

Ext.define('MyExtension', { 
    extend: 'Ext.form.field.Picker', 

    // config... 

    listeners: { 
     change: { 
      fn: function (picker, newValue, oldValue, eOpts) { 
       // your code here 
      } 
     } 
    } 
}); 

Вы можете также обратиться к функции в вашем ViewController (Extjs5/6)

listeners: { 
     change: { 
      fn: 'myViewControllerFunction' 
    } 

Если это не сработает, вы должны показать нам части вашего кода.