Angular ui.grid 获取嵌套行

Angular ui.grid get nested rows

本文关键字：嵌套 获取 grid ui Angular      更新时间：2023-09-26

>在过去的几个小时里，我一直试图让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

提前致谢

你的 plunker 的这个叉子似乎解决了：http://plnkr.co/edit/keLHObnxpaFfasyCQRNH?p=preview

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

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

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

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

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

相关文章：