Question

我正在开发一个功能，用户可以自定义网格（添加，分组，排序，聚合等），然后将其保存为模板。

我可以点击按钮点击网格选项，如下所示。

JSON.stringify($scope.gridOptions)

然而，当我使用它作为网格选项时，网格会加载，但缺少分组，排序和聚合。如果我分析网格选项，我仍然有它们。

Answer 1

我认为对于您的情况，您可以使用angular-ui-grid的内置保存和恢复状态功能。这意味着网格将恢复您想要的设置并正确显示它们。您还可以控制哪些设置（例如排序，过滤等）已恢复，哪些不可以。

http://ui-grid.info/docs/#/tutorial/208_save_state

一些示例代码

$scope.gridOptions.onRegisterApi = function(gridApi) {
    $scope.gridApi = gridApi;

    // I store when the user changes a filter, but you could
    // instead store on the user clicking a button or any other event
    $scope.gridApi.core.on.filterChanged($scope, function() {
        var state = gridApi.saveState.save();
        SomeServiceOfMineForStoringStuff.storeState(state);
    });
}

...后来

var savedState = SomeServiceOfMineForStoringStuff.getState();

if (savedState) {
    $scope.gridApi.saveState.restore($scope, savedState);
}

Answer 2

您可以使用ui-grid保存和恢复功能。 Save and Restore

注入＆u; grid.saveState＆＃39;模块。
添加“网格保存状态”＆＃39;你的网格html。

<div id="gridSaveState" ui-grid="gridOptions" ui-grid-save-state class="grid"></div>

然后，您可以通过保存格式化的JSON来存储ui-grid状态，并从该数据中恢复。

存储的网格选项不适用于特定的样式

2 个答案: