Angular UI Grid 条件行展开

Question

我正在使用 Angular UI Grid 和 ui-grid-expandable 插件。 如果显示展开按钮 (+)，有没有办法决定每一行？ 默认情况下，它始终显示，无论子网格中是否有可用数据。

谢谢。

Answer 1

可悲的是，目前还没有选择。

您可以使用以下内容使工作正常：

• 通过设置为false enableExpandableRowHeader来删除默认行标题
• 通过调用$scope.gridApi.core.addRowHeaderColumn添加自定义行标题

这样您就可以构建自己的逻辑。 我在这个plunkr做了类似的事情 。

如果您需要更多信息：

• http://ui-grid.info/docs/#/tutorial/114_row_header
• http://ui-grid.info/docs/#/tutorial/216_expandable_grid

Answer 2

我有一个带有UI-GRID的拉取请求来解决这个问题。

您将一个布尔值添加到名为disableRowExpandable的subGridOptions中。

https://github.com/angular-ui/ui-grid/pull/6135/commits/83ade3445711e532f689d224904babfe92c7b45e

Answer 3

是的你可以 ！

添加到subGridOptions对象此选项：

disableRowExpandable:(condition here).

Answer 4

只需使用最新版本的 UI GRID

https://cdnjs.cloudflare.com/ajax/libs/angular-ui-grid/4.11.0/ui-grid.min.js

然后在 subGridOptions 中使用属性 disableRowExpandable

这里有一个小例子。

for (i = 0; i < response.data.result.length; i++) {
                    if (response.data.result[i].SubProcesos != null) {
                        response.data.result[i].subGridOptions = {
                            columnDefs: establecerColDefs(response.data.Rol),
                            data: response.data.result[i].SubProcesos,
                            disableRowExpandable: false

                        };
                    } else {
                        response.data.result[i].subGridOptions = {
                            columnDefs: [{ }],
                            data:[{}],
                            disableRowExpandable: true
                    };
                    }
                }