Question

我正在使用角度ui.grid我的问题是当我使用下面的单击其所选行

时

enableRowSelection: true,
enableRowHeaderSelection: false,
multiSelect: false

之后我改为

enableRowSelection: true,
enableRowHeaderSelection: true,
multiSelect: false

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

Answer 1

这个问题应该早就解决了（https://github.com/angular-ui/ui-grid/commit/679b615bd19ff71ff1e835d7f6066e7a919f279a），但在angular-ui-grid 3.1.1版本中它仍然存在。

有一个关于它的新问题（https://github.com/angular-ui/ui-grid/issues/5474），其解决方法是使用此方法覆盖css规则：

.ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell {
  pointer-events: auto;
}

Answer 2

请参阅此问题：https://github.com/angular-ui/ng-grid/issues/2254

目前，行标题选择和行选择都不能协同工作。我相信前者的目的是在使用单元导航时进行行选择。

此更改被列为增强功能，因此它位于路线图中，而不是针对3.0版本。

<强>更新

好的，这里有你如何做到这一点（虽然依赖于一个未发布的测试版模块来处理“＃紧急＆＃34;不是一个好主意，IMO”。

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

这是一些未完成的示例代码。您要确保不要绑定行标题单元格或复选框选项无法正常工作。

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() { ... }
});

最后这里有一个能够展示整个事物的掠夺者。您可以复制此代码并根据需要进行调整：http://plnkr.co/edit/44SYdj19pDDaJWiSaPBt?p=preview

角度ui网格行选择

2 个答案: