Angular UI-Grid expandableRow选择更改更新父级

用户名

我使用Angular-UI Grid和ui-grid-expandable选项。如果选择了expandable(child)网格的一行,是否还可以选择父网格行?如果不是至少我需要访问子(可扩展)网格的rowSelectionChanged事件中的父网格/行,似乎没有自己的作用域?

 gridApi.selection.on.rowSelectionChanged($scope, function (rows) {
             var selectedRows=gridApi.selection.getSelectedRows();
             ...
             //select parent grid row here...
              });
胸罩

是的,有一种方法可以做到。您只需要向后移动范围即可访问父行和父行的网格API。请记住,appScope始终引用网格的父范围。因此,在您的可扩展子网格中,父范围包含行对象。

在你的孩子网格的onRegisterApi处理程序,您可以通过访问父行:row.grid.appScope.row然后,您可以通过以下方式选择父行:row.grid.appScope.row.grid.api.selection.selectRow(row.grid.appScope.row.entity)

这是一个代码示例,将其清理了一下:

onRegisterApi: function (api) {
  api.selection.on.rowSelectionChanged($scope, function (row, event) {
    var parentRow = row.grid.appScope.row;
    if (api.selection.getSelectedRows().length > 0) {
      parentRow.grid.api.selection.selectRow(parentRow.entity);
    }
    else {
      parentRow.grid.api.selection.unSelectRow(parentRow.entity);
    }
  });
}

还有一个演示插件:http ://plnkr.co/edit/7HFHPTtmcXvgoJCKiRTd?p=preview

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Angular UI Grid-如何更改行选择视图

来自分类Dev

如何将Angular UI选择结果绑定到ui-grid / ng-grid

来自分类Dev

使用angular-ui-grid预先选择加载行

来自分类Dev

Angular UI Grid不更新单元格中的指令

来自分类Dev

Angular UI Grid演示错误

来自分类Dev

滚动到Angular ui-grid(非ng-grid)中的选择

来自分类Dev

Angular ui Grid如何显示加载程序

来自分类Dev

禁用Angular UI Grid列菜单动画

来自分类Dev

Angular ui.grid分页与分页

来自分类Dev

AngularJS + RequireJS + angular-ui-grid

来自分类Dev

未收到Angular UI Grid回调

来自分类Dev

UI-Grid中的角UI选择?

来自分类Dev

无法使用 selenium 在 Angular UI Grid 中选择复选框

来自分类Dev

Angular ui Grid Treeview:与所有父级一起出现的问题自动作为第一个孩子出现

来自分类Dev

Angular Ui-grid-导出到Excel ui-grid错误

来自分类Dev

Angular UI Router:当值更改时,UI父控制器不会更新

来自分类Dev

Angular UI-Router:使用父级视图的子级

来自分类Dev

UI Grid Angular,网格渲染但不显示数据

来自分类Dev

Angular UI Grid 3.x版本中的“操作”按钮

来自分类Dev

Bootstrap模态上的Angular JS ui-grid

来自分类Dev

使用Angular ui-grid时列标题换行

来自分类Dev

Angular ui-grid 3.0获取选定的行

来自分类Dev

Angular UI Grid将焦点设置为导航单元

来自分类Dev

如何在Angular Ui Grid中过滤每行下拉值

来自分类Dev

Angular UI-Grid无法获取要显示的数据

来自分类Dev

使用Angular指令的Kendo UI Grid外键列

来自分类Dev

Bootstrap模态上的Angular JS ui-grid

来自分类Dev

在Angular ui-grid中删除导出为pdf选项

来自分类Dev

使用UI-Grid使angular-chartjs响应

Related 相关文章

热门标签

归档