javascript - 自定义组件 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 对象不存在，渲染前的事件等未运行。我如何设定价值？

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