Javascript ExtJS 3.4-具有xtype:'；显示字段'；显示更新值？

所以我正在研究遗留代码。我有一个网格，有一个行动按钮，当点击这个行动按钮，它必须使用户能够重命名某个值，更改另一个字段等

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

一些代码：

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

---

不管怎样，它都会继续显示它第一次绑定到的值，但是在控制台中我可以看到这些值发生了变化。我甚至尝试过在提交和取消方法之后重置表单。

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

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

....

items:[routeField]

....

routeField.setValue('A1');

---

单击“取消”按钮时销毁表单面板，然后进行检查。

最后，我使用了您的答案组合。 单击action按钮，我按照建议创建了一个新表单，然后设置了不同输入字段的值。

---

为了确保没有保留任何数据，并且每个事件都加载相应的行数据，我按照建议执行了操作，并在提交/取消后销毁了表单。因此，每个按钮都会创建和销毁一个表单。

您能否解释一下，这将如何确保显示选定的值？您能否分享一段对您有用的代码片段。我面临着与您相同的问题，我无法在此阶段创建小提琴或弹琴。把你的电子邮件留给我，我会把片段发给你。但原则是像乔那样创造你的形式。然后在button事件中调用一个函数，该函数呈现表单，发布数据，最后按照Mohit的建议销毁表单。