ExtJS 3.4 - 有 xtype: 'displayfield' 显示更新值吗？

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 **/ );

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

Answer 1

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

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

....

items:[routeField]

....

routeField.setValue('A1');

Answer 2

点击取消按钮时销毁您的 formPanel 然后检查。

Answer 3

最后我结合了你的答案。单击操作按钮后，我按照 Joe 的建议创建了一个新表单，然后设置了不同输入字段的值。为了确保不保留任何数据并且每个事件都加载相应的行数据，我按照 Mohit 的建议做了，并在 submit/cancel 之后销毁了表单。所以每个按钮都会创建和销毁一个表单。

ExtJS 3.4 - 有 xtype: 'displayfield' 显示更新值吗？

ExtJS 3.4 - Have xtype: 'displayfield' show updated value?

javascript

extjs3