javascript - ExtJS 3.4 - 有 xtype : 'displayfield' show updated value?

Question

所以我正在处理遗留代码。我有一个带有操作按钮的网格，当单击此操作按钮时，它必须允许用户重命名某个值、更改另一个字段等...

我面临的问题是，当我单击编辑按钮时，我可以在控制台中看到它正在选择正确的数据并将其发送到表单面板，但表单面板一直显示第一个选择数据。 如何解决这个问题？？？

部分代码:

// the filed that needs to display the newly selected rows data
items:[
    {
        xtype: 'displayfield',
        fieldLabel: 'Route',
        id: 'route',
        name: 'route'
    }

...

Ext.getCmp('route').setValue( /** currently selected rows route **/ );

无论如何，它会继续显示它最初绑定(bind)到的值，但是在控制台中我可以看到值发生了变化。我什至尝试在提交和取消方法后重置表单。

Answer 1

也许您可以尝试使用 javascript 变量而不是 DOM/组件选择器。

var routeField = Ext.create({
    xtype: 'displayfield',
    fieldLabel: 'Route',
    name: 'route'
});

....

items:[routeField]

....

routeField.setValue('A1');