Ag Grid Angular 2在cellEditing模式下的键盘导航

Ag Grid Angular 2在cellEditing模式下的键盘导航,angular,ag-grid,Angular,Ag Grid,我构建了自己的cellEditor,如示例中所示,使单元格只接受数字输入。这很好,但现在键盘导航行为不同于没有自己的cellEditor的普通文本单元格。如果我按左键或右键,它将取消编辑模式,离开单元格并选择另一个,而不是在输入字段中逐步遍历所有字符。我尝试了不同的方法,但都没能成功。如何在自己的cellEditor中实现这种正常行为 看看ng2示例回购协议中提供的MoodEditor: 如果您查看onKeyDown方法,您将看到它正在查找左/右击键,如果找到,则执行一些业务逻辑,然后停止pro

我构建了自己的cellEditor,如示例中所示,使单元格只接受数字输入。这很好,但现在键盘导航行为不同于没有自己的cellEditor的普通文本单元格。如果我按左键或右键,它将取消编辑模式,离开单元格并选择另一个,而不是在输入字段中逐步遍历所有字符。我尝试了不同的方法,但都没能成功。如何在自己的cellEditor中实现这种正常行为


看看ng2示例回购协议中提供的MoodEditor:

如果您查看onKeyDown方法,您将看到它正在查找左/右击键,如果找到,则执行一些业务逻辑,然后停止prog

onKeyDown(event): void {
    let key = event.which || event.keyCode;
    if (key == 37 ||  // left
        key == 39) {  // right
        this.toggleMood();
        event.stopPropagation();
    }
}

主要部分是添加event.stopPropagation;要进行onKeyDown,请查看ng2示例回购中提供的MoodeEditor:

如果您查看onKeyDown方法,您将看到它正在查找左/右击键,如果找到,则执行一些业务逻辑,然后停止prog

onKeyDown(event): void {
    let key = event.which || event.keyCode;
    if (key == 37 ||  // left
        key == 39) {  // right
        this.toggleMood();
        event.stopPropagation();
    }
}
主要部分是添加event.stopPropagation;按下键