UI-GRID可扩展网格。以编程方式扩展一行

Question

我想要隐藏最左列中的+图标并添加另一个图标。

当用户点击新图标时，我想以编程方式扩展该特定行。

我看到有gridApi.expandable.expandAllRows（）;

有没有办法只扩展一行？

Answer 1

您可以使用toggleRowExpansion函数，将此属性添加到将触发此切换的所需元素：

ng-click="grid.api.expandable.toggleRowExpansion(row.entity)"

Answer 2

如果您只想将默认加号图标更改为其他图标，则可以简单地覆盖expandableRowHeader的模板。

array = gets.chomp

您可以更改 $templateCache.put('ui-grid/expandableRowHeader', "<div class=\"ui-grid-row-header-cell ui-grid-expandable-buttons-cell\"><div class=\"ui-grid-cell-contents\"><i ng-class=\"{ 'ui-grid-icon-plus-squared' : !row.isExpanded, 'ui-grid-icon-minus-squared' : row.isExpanded }\" ng-click=\"grid.api.expandable.toggleRowExpansion(row.entity)\"></i></div></div>" ); 并将其更改为您选择的其他图标。