angularjs - Angular ui-grid 行选择

我正在使用 angular ui.grid 我的问题是当我使用如下时单击其选定的行

enableRowSelection: true,
enableRowHeaderSelection: false,
multiSelect: false

在我改为

enableRowSelection: true,
enableRowHeaderSelection: true,
multiSelect: false

现在只选择复选框工作但没有工作单击行请帮助...

最佳答案

看到这个问题:https://github.com/angular-ui/ng-grid/issues/2254

目前，行标题选择和行选择不能同时工作。我相信前者旨在作为在使用单元格导航时进行行选择的解决方法。

该更改被列为增强功能，因此它在路线图上，只是不打算用于 3.0 版本。

更新:

好的，这是您的方法(尽管依赖未发布的测试版模块来处理“紧急”的事情并不是一个好主意，IMO)。

从选择功能的 uiGridCell 指令中取出代码，将其撕掉，然后放入您自己的模块中。特别是这里的代码:https://github.com/angular-ui/ng-grid/blob/v3.0.0-rc.20/src/features/selection/js/selection.js#L757

这是一些未完成的示例代码。您需要确保不绑定(bind)行标题单元格，否则复选框选择将不起作用。

angular.module('ui.grid.custom.rowSelection', ['ui.grid'])

.directive('uiGridCell', function ($timeout, uiGridSelectionService) {
  if ($scope.col.isRowHeader) {
    return;
  }

  registerRowSelectionEvents();

  function selectCells(evt) { ... }
  function touchStart(evt) { ... }
  function touchEnd(evt) { ... }
  function registerRowSelectionEvents() { ... }
});

最后，这是一个展示整个事情的 plunker。您可以复制此代码并根据需要进行调整:http://plnkr.co/edit/44SYdj19pDDaJWiSaPBt?p=preview