Angular ui.grid获取嵌套行

Question

我已经尝试了最近几个小时来让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

提前致谢

Answer 1

您的pl子手的这里分叉似乎可以解决： http ://plnkr.co/edit/keLHObnxpaFfasyCQRNH?p=preview

事实证明，需要进行的一项更改是获取适当的数据，而不是从grid.appscope而是从行实体获取：

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

然后有一些东西可以使显示正确，最著名的是将嵌套的网格数据设置为实际的gridOptions对象。 我试图弄乱它，使其接受数组或其他普通对象，但实际上似乎并不喜欢。

Answer 2

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

如果产品数量可变，您当前正在采用的方法可能会给行高带来困难，而可扩展将允许行数可变。 根据您的口味，扩展和折叠的功能可能会有所帮助，并为放置有关每种产品的更多信息提供了空间。