加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

angularjs – 角度ui网格行选择

发布时间:2020-12-17 17:58:08 所属栏目:安全 来源:网络整理
导读:我正在使用角度ui.grid我的问题是当我使用下面的单击它所选择的行时 enableRowSelection: true,enableRowHeaderSelection: false,multiSelect: false 我换了之后 enableRowSelection: true,enableRowHeaderSelection: true,multiSelect: false 现在只选择复
我正在使用角度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

这是一些未完成的示例代码.您需要确保不绑定行标题单元格或复选框选择不起作用.

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读