Angular ui.grid 获取嵌套行答案

【问题标题】：Angular ui.grid get nested rowsAngular ui.grid 获取嵌套行
【发布时间】：2015-03-16 07:21:40
【问题描述】：

过去几个小时我一直在尝试让 ui.grid 在一行中显示嵌套表格。

$scope.gridOptions.columnDefs = [
    {name: 'id'},
    {name: 'categoryName'},
    {name: 'products', cellTemplate: '<div ui-grid="grid.appScope.gridOptions.data"></div>'}
  ];

每一行可以没有、一个或多个产品，但我无法显示我的产品。

我通过 ajax 请求 json 文件，但出于演示目的，我将其设为静态。这是采摘者http://plnkr.co/edit/aXgXFZQL4xgVtTNH3y2S?p=preview

提前致谢

【问题讨论】：

标签： javascript angularjs angular-ui-grid

【解决方案1】：

你的 plunker 的这个分支似乎可以解决：http://plnkr.co/edit/keLHObnxpaFfasyCQRNH?p=preview

需要进行的一项更改是获取正确的数据，而不是从 grid.appscope 而是从行实体：

{name: 'products', cellTemplate: '<div ui-grid="row.entity[\'products\']"></div>'}

然后是一些让显示正确的东西，最显着的是将嵌套网格数据设置为实际的 gridOptions 对象。我试着弄乱了一点，让它接受一个数组或其他普通对象，但它似乎真的不喜欢那样。

【讨论】：

【解决方案2】：

是否值得为此考虑使用可扩展模块：http://ui-grid.info/docs/#/tutorial/306_expandable_grid

如果产品的数量是可变的，您当前采用的方法可能会给行高带来困难，而可扩展的方法则允许可变的行数。根据您的口味，展开和折叠的能力可能是有益的，它为放置有关每种产品的更多信息提供了空间。

【讨论】：