我在尝试实现允许用户编辑某些单元格的ngGrid
时使用Tab键时会遇到一些不一致的行为。
问题是如果我在没有先选择整行的情况下选择输入字段,则tab键不会将我移动到下一个字段。
有没有办法在没有明确尝试选择输入控件的焦点行的情况下获得所需的功能?
您可以看到plunkr
here。
这是标记:
<body ng-controller='myCntrl' >
<h1>Unable to Tab across input fields</h1>
<div class='gridStyle' ng-grid="model.gridOptions"></div>
控制器:
var app = angular.module('myapp',['ngGrid']);
app.controller('myCntrl',function($scope) {
$scope.model = {};
$scope.model.data = [{field1: 1,field2: 2,field3: 3 },{field1:4,field2: 5,field3:6 }];
$scope.model.gridOptions = {
data: 'model.data',
enableCellSelection: true,
columnDefs: [
{ field: 'field1', displayName: 'Field 1', width: '*', cellTemplate: '<input ng-required="true" type="number" ng-model="COL_FIELD" ng-input="COL_FIELD">' },
{ field: 'field2', displayName: 'Field 2', width: '*', cellTemplate: '<input ng-required="true" type="number" ng-model="COL_FIELD" ng-input="COL_FIELD">' },
{ field: 'field3', displayName: 'Field 3', width: '*', cellTemplate: '<input ng-required="true" type="number" ng-model="COL_FIELD" ng-input="COL_FIELD">' }
]
};
});