使用ngGrid的标签行为不一致

时间:2014-03-14 01:16:13

标签: angularjs ng-grid

我在尝试实现允许用户编辑某些单元格的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">' }
       ]
    };
});

0 个答案:

没有答案