extjs - extjs dom.value

Question

setValue : function(text) {
    Ext.get('id').dom.value = text;
    console.log(Ext.get('id').dom.value);
}

这段代码有时会停止工作。我的输入是 UI 交互的结果。设置文本几次后，值不会在视觉上更新。console.log() 总是返回正确的结果。

任何想法如何在视觉上刷新元素或可能导致问题的原因？

Answer 1

ext.get('id').setValue('text');

[注释] Ext.get() 返回一个 Ext.Element，它有一个 set 方法来设置 HTMLElement 的各种属性。

Answer 2

DOM操作不是一个好方法，总是尝试在框架级别解决问题。尝试如下

Ext.getComponet('id').setValue(text);

Answer 3

如果您的表单很大，则不建议使用 Ext.get，因为它必须通过所有对象来查找您的 ID。

相反，您可以使用如下代码

nameTextBox= new Ext.form.TextField({
                xtype: "textfield",
                fieldLabel: 'Name ',
                id: 'txtName',
                name: Name',
                allowBlank: false
            }) 

然后使用你的 set 功能

setValue : function(text) { 
    nameTextBox.value = text; 
    console.log(nameTextBox.value); 
}