单击编辑按钮编辑EXTJS网格中的行，打开一个新窗口以编辑字段

Question

我正在开发一个EXTJS应用程序，我在EXTJS网格中显示数据。

每行都有一个编辑按钮。请检查图像。

我想点击编辑链接，会打开一个包含所有可编辑字段的弹出窗口，我可以从那里编辑该行。

请帮助我实现这一目标。

这是我的代码。

{
    xtype:'actioncolumn',
    width:50,
    items: [{
        icon: 'assets/images/edit.png',  // Use a URL in the icon config
        tooltip: 'Edit',
        handler: function(grid, rowIndex, colIndex) {
            var rec = grid.getStore().getAt(rowIndex);
            alert("Edit " + rec.get('ID'));
        }
    }
}

由于

Answer 1

我不会为你做编码，但这就是你需要的东西：

• window form panel。
• 表单面板上loadRecord方法的基础basic form到表单的加载记录
• 基本表单上的getValues方法，用于检索修改后的值
• 记录上的set方法，用于将表单中的值写回记录

Answer 2

单击按钮（您获得行/记录的ID）后，您可以打开一个包含表单网格的窗口，然后将数据加载到表单中。