在显示字段中显示文本字段的值答案

【问题标题】：Display value of textfield in displayfield在显示字段中显示文本字段的值
【发布时间】：2017-05-24 10:53:48
【问题描述】：

我有一个文本字段和一个显示字段。我希望文本字段的用户值显示在显示字段中。我该怎么做？

我的代码如下：

{
    xtype: 'textfield',
    fieldLabel: 'Textfield',
    allowblank: false            
}, {
    xtype: 'displayfield',
    fieldLabel: 'Textfield Value',
    value: 'textfieldValue'
}

【问题讨论】：

你需要在文本字段中有一个监听器。它非常简单
@Sandy.Arv 你能解释一下吗？我是 extjs 和编程的新手.. 你的帮助将不胜感激
你没有视图模型吗？不需要听众。直接将相同的值绑定到两者。
你可以在没有任何监听器的情况下使用 extjs 模型/数据绑定（就像 angularjs）

标签： extjs textfield setvalue displayfield

【解决方案1】：

最快的实现是文本字段上的监听器：

listeners: {
    change: function(field, newValue) {
        field.nextSibling().setValue(newValue)
    }
}

或者您在父容器上使用 viewModel 并绑定值，这样可以提高可重用性：

xtype:'panel',
viewModel:{
},
items:[{
    xtype: 'textfield',
    fieldLabel: 'Textfield',
    allowBlank: false,
    bind: {
        value: '{value}'
    }
},{
    xtype: 'displayfield',
    fieldLabel: 'Textfield Value',
    bind: {
        value: '{value}'
    }
}]

两个实现的小技巧：https://fiddle.sencha.com/#view/editor&fiddle/206o

【讨论】：