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

我正在开发一个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'));
        }
    }
}

谢谢