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

【问题标题】：UI-GRID Expandable Grid. Programatically expand one rowUI-GRID 可扩展网格。以编程方式展开一行
【发布时间】：2016-06-25 08:36:33
【问题描述】：

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

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

我看到有 gridApi.expandable.expandAllRows();

有没有办法只扩展一行？

【问题讨论】：

标签： angular-ui-grid

【解决方案1】：

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

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

【讨论】：

如果 ui-grid 正在生成行/单元格，我们如何将其放在特定行上？我想单击一行以展开和折叠它。

【解决方案2】：

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

$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>"
  );

您可以更改 ng-class=\"{ 'ui-grid-icon-plus-squared' : !row.isExpanded, 'ui-grid-icon-minus-squared' : row.isExpanded }\" 并将它们更改为您选择的其他图标。

【讨论】：

我可以从左栏中删除+号，并将我自己的图标添加到不同的栏中吗？
不同的列是什么意思。与加号列不同的新行标题。
您的解决方案有效。我将自己的加号图标添加到不同的列并调用您的 api。谢谢
Kathir，如何完全删除 Expandable 列？我现在有自己的图标工作，不希望列用于内置扩展。
知道了。再次感谢凯西