如何在ui-grid中使用刷新方法？

Question

我正在尝试在ui-grid的columDefs中更新可见性选项。在更新值后，我需要刷新我的ui-grid。从控制器中刷新网格的方法是什么？

我该如何在控制器中刷新我的ui-grid以应用列的可见性更改？

- orikoko

Answer 1

访问这些页面：

• GetAPI - http://ui-grid.info/docs/#/api/ui.grid.class:GridApi
• 特定API - http://ui-grid.info/docs/#/api/ui.grid.core.api:PublicApi

http://ui-grid.info/docs/#/api/ui.grid.class:GridApi

在实例化您的gridApi之后，您只需要调用：

//instantiate (not so obvious)
// whatever scope attribute your binding to gridOptions
$scope.gridOptions = {
  onRegisterApi: function(gridApi){ $scope.gridApi = gridApi;}
}
//then later
$scope.gridApi.core.refresh();

希望这有所帮助！

- Jose

---

我有一个带有总行的ui-grid，当某个单元格中的某个金额从我的代码中更新时，该单元格的总计没有更新。这个解决方案解决了这个问题。 - Manuel Rivera

需要进一步解释如何实例化 gridApi。 - BarrySW19

但这样的扩展需要另一个问题。 - Thor Hovden

Answer 2

根据您的需要，您可以更改以下ui-grid选项： enableRowHashing:false

- Zdzislaw Kochanski

---

我只是在原地更新数据，因此没有触发任何数组长度或其他超级智能的网格监视器，因此我不得不将网格从DOM中移除并在之后插入它。现在使用 enableRowHashing:false ，它可以正常工作而无需 ng-if。非常感谢！ - Aitch

Answer 3

在修改列定义后，您可以使用$scope.gridApi.core.notifyDataChange(uiGridConstants.dataChange.COLUMN)方法并刷新表格。

有关更多详细信息，请参见http://ui-grid.info/docs/#!/api/ui.grid.service:uiGridConstants#properties_datachange

- Varuna Mathur