Ag grid 如何定制';主页';和';结束';ag网格上的键导航?

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

我已经使用“navigateToNextCell”回调自定义了箭头导航键

但现在我想定制“主页”和“结束”键


有什么办法吗?

目前还不太容易。。。以下是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”)可能会在中执行命令 你申请那间牢房