如何将网格（Grid）中的指定行设置为第一行？（含尝试代码片段）

嘿，我来帮你搞定这个需求！从你的代码来看，你已经完成了store加载和查找目标行索引的关键步骤，只需要补充把目标行移到首位的逻辑就可以了。下面是具体的修改方案：

完整修改后的代码 #

var grid = interface.down('directorReviewGrid');
var store = grid.getStore(); // 确保正确获取store，避免作用域混淆
store.removeAll();
store.load({
    params: { workflow_stage: workflow_stage },
    callback: function(records, operation, success) {
        if (!success) return; // 先判断加载是否成功，避免后续报错
        
        var targetRowIndex = this.find('id', id); 
        /* 注意：find方法返回匹配的第一个索引，未找到会返回-1 */
        
        if (targetRowIndex !== -1) {
            // 1. 获取目标记录
            var targetRecord = this.getAt(targetRowIndex);
            // 2. 从store中移除该记录
            this.remove(targetRecord);
            // 3. 将记录插入到store的第一个位置
            this.insert(0, targetRecord);
            
            // 可选：让网格自动滚动到该行并选中（提升用户体验）
            grid.getSelectionModel().select(targetRecord);
            grid.getView().scrollRowIntoView(0);
        }
    }
});

关键步骤解释 #

• 校验加载状态：先检查success参数，避免store加载失败时执行后续逻辑导致报错。
• 确认索引有效性：find方法找不到匹配项会返回-1，必须先判断这个情况，防止无效操作。
• 移动记录位置：先移除目标记录，再插入到索引0的位置，就能让它成为网格的第一行。
• 视觉优化（可选）：选中该行并滚动到视图内，让用户直观看到目标行的位置。

注意事项 #

• 确保id是你模型中真正的唯一标识字段，如果使用ExtJS自动生成的ID，要对应模型的idProperty配置字段（通常默认是id）。
• 如果你用的是较新版本的ExtJS，scrollRowIntoView方法可以替换为scrollToRecord，写法为：grid.getView().scrollToRecord(targetRecord);

内容的提问来源于stack exchange，提问作者Chacha Sammy