在 ag-grid 中,框架组件(frameworkComponents)是我们自己编写的组件。这些组件需要自己处理键盘导航的逻辑。
如果发现 ag-grid 的键盘导航在框架组件中无法正常工作,可以尝试以下
例如,我们可以实现 onKeyDown 函数来处理按键事件:
class MyCustomEditorComponent extends React.Component {
onKeyDown(event) {
switch (event.key) {
case "Enter":
this.props.stopEditing();
break;
case "Escape":
this.props.stopEditing(true);
break;
}
}
render() {
return (
);
}
}
这个属性可以阻止 ag-grid 处理某些键盘事件,从而将事件传递给框架组件。
例如,我们可以设置 onKeyDown 不被处理:
{
return params.event.key === "Enter";
}
}}
/>
通过以上方法,我们可以让 ag-grid 在框架组件中正常处理键盘导航事件。