如何在ExtJS Grid中实现复制第一行数据至第二行功能？

直接上可落地的代码方案，适合ExtJS新手快速上手：

核心逻辑步骤 #

• 拿到Grid绑定的Store实例
• 获取第一行（索引0）和第二行（索引1）的数据记录（Record）
• 复制第一行的数据（避免引用传递），覆盖到第二行
• 通知Store更新视图

完整代码示例 #

假设你的Grid和按钮已在页面上，以下是按钮点击事件的实现代码：

// 假设你的Grid可通过ID获取，按钮ID为copyButtonId
Ext.getCmp('copyButtonId').setHandler(function() {
    // 1. 获取Grid的Store
    var gridStore = Ext.getCmp('yourGridId').getStore();
    
    // 校验数据行数，确保至少有两行
    if (gridStore.getCount() < 2) {
        Ext.Msg.alert('提示', 'Grid至少需要两行数据');
        return;
    }
    
    // 2. 获取目标行的Record
    var firstRow = gridStore.getAt(0);
    var secondRow = gridStore.getAt(1);
    
    // 3. 复制第一行数据（排除主键/唯一标识字段，比如'id'）
    var copiedData = Ext.Object.omit(firstRow.data, 'id');
    
    // 4. 覆盖第二行数据并提交修改
    secondRow.set(copiedData);
    secondRow.commit(); // 消除编辑状态标记
    
    // 可选：若视图未自动刷新，手动重载Store
    gridStore.reload();
});

关键细节说明 #

• 避免引用传递：直接使用firstRow.data会导致两行数据引用同一个对象，后续修改会互相影响，用Ext.Object.omit或Ext.clone(firstRow.data)复制数据对象
• 字段过滤：主键、创建时间这类不需要同步的字段，一定要用Ext.Object.omit排除，防止数据冲突
• 行数校验：提前判断数据行数，避免因数据不足出现报错
• 提交修改：调用commit()可以清除Grid行的编辑状态标记，让界面显示更整洁

内容的提问来源于stack exchange，提问作者Hung Pham