自定義組件ExtJS的，不行的setValue

Question

任何人，請幫助我創建的組件的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) 
    }, 

}) 

我嘗試

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

但HTML對象不存在，事件beforerender e.t.c.沒有運行。我如何設定價值？

Answer 1

下面是一個完整的工作示例，用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

您需要在構造函數中定義getValue（）和setValue（）方法才能工作。

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); 
    }