composant personnalisé ExtJS, fonctionne pas setValue

Question

personne, s'il vous plaît aidez-moi avec le composant créé pour ExtJS 4.2

Ext.define('mycomponent', { 
    extend:'Ext.form.field.Display', 
    alias: 'widget.mycomponent', 

    initComponent: function() { 
     this.setValue("some value") // not setup 
     this.callParent(arguments); 
     console.log(this) 
    }, 

}) 

i essayer

Ext.getCmp(this.id).setValue("some") 

mais objet html n'existent pas, les événements beforeRender E.T.C. ne pas courrir. comment je peux définir la valeur?

Answer 1

Voici un exemple complet, testé avec 4.2.1.

Ext.define('Foo', { 
    extend:'Ext.form.field.Display', 
    alias: 'widget.mycomponent', 

    initComponent: function() { 
     this.setValue("some value") // not setup 
     this.callParent(arguments); 
    } 
}) 

Ext.onReady(function() { 

    new Foo({ 
     renderTo: document.body 
    }) 

}); 

Answer 2

Vous devez définir les méthodes getValue() et setValue() dans votre constructeur pour fonctionner.

getValue: function() { 
     var me = this, 
      value; 
     return value; 
    } 

    setValue: function (value) { 
     var me = this; 

// Example only should't work as it is 
     me.displayField.setValue(value); 
    }