Ag grid 如何定制';主页';和';结束';ag网格上的键导航?
我已经使用“navigateToNextCell”回调自定义了箭头导航键 但现在我想定制“主页”和“结束”键Ag grid 如何定制';主页';和';结束';ag网格上的键导航?,ag-grid,Ag Grid,我已经使用“navigateToNextCell”回调自定义了箭头导航键 但现在我想定制“主页”和“结束”键 有什么办法吗?目前还不太容易。。。以下是github页面上要求的一些相关“增强功能”: 最后一个链接有一些有用的东西。有一条关于如何禁用“home”和“end”键传播的注释: // note, this is angular 2 code, `this.el.nativeElement` is just the grid component document.documentEle
有什么办法吗?目前还不太容易。。。以下是github页面上要求的一些相关“增强功能”: 最后一个链接有一些有用的东西。有一条关于如何禁用“home”和“end”键传播的注释:
// note, this is angular 2 code, `this.el.nativeElement` is just the grid component
document.documentElement.addEventListener(
'keydown',
(e: KeyboardEvent) => {
// this runs on the document element, so check that we're in the grid
if (this.el.nativeElement.contains(e.target)) {
if (e.key === 'Tab' || e.key === 'Home' || e.key === 'End') {
e.stopImmediatePropagation();
e.stopPropagation();
}
if (e.key === 'Home' || e.key === 'End') {
// we don't want to prevent the default tab behaviour
e.preventDefault();
}
}
},
true
);
完成此操作后,您可以向网格中添加新的事件侦听器,或者根据您尝试执行的操作,您可以向特定单元格中添加侦听器,如Ag网格文档“自定义操作”部分中所述:
自定义操作
自定义单元格渲染器可以监听聚焦div上的按键。
接收焦点的网格元素将提供给单元格
通过eGridCell参数创建渲染器。您可以添加自己的侦听器
到这个牢房。通过此方法,您可以听任何按键并执行以下操作
您自己对单元格的操作(如点击“x”)可能会在中执行命令
你申请那间牢房