使用Tab键在ng-grid中导航（也在两个ng-grid之间）

Question

在我的项目中，我正在使用ng-grid。我的要求是使用tab键在网格单元格之间导航，这可以使用enableCellSelection：true。也是为了使单元格可编辑我正在使用enableCellEdit：true。

但我现在面临一些问题

1.在textarea / textbox中编辑时，其大小正在变化（文本框高度更改为单元格选择的高度）

2.无法使用Tab键在同一页面中的两个网格之间导航。

3.Tometimes tab键无法正常工作。

Answer 1

到1.）您可以为textarea / input单元编写自己的模板并将其添加到gridOptions：

 $scope.gridOptions = { 
    data: 'myData',
    columnDefs: [{field: 'somefield', displayName: 'Some Field', cellTemplate: 'yourTemplateHere'}
 };

一些模板示例here

如果你有样式问题，你也可以覆盖editableCellTemplate并将其高度设置为你需要的。

您还可以覆盖ng-grid默认模板：github link

到2.）您可能必须设置自己的tabindex并使用$ index和col.colIndex（）动态增加它。

cellTemplate的例子：

<div class="ngCellText" tabindex="(($index + 1) * 10) + col.colIndex()" ng-class="col.colIndex()"><span ng-cell-text>{{COL_FIELD CUSTOM_FILTERS}}</span></div>

（（$ index + 1）* 10）+ col.colIndex（）将解决：

10 11 12 13

20 21 22 23

30 31 32 33

等

//抱歉，不知道如何格式化。你有没有得到我想象的东西？

到3.）不确定能帮助你'不工作';）更多信息？在哪些情况下？