存储网格选项不应用特定的样式。

Question

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

我能够检索网格选项的按钮点击如下。

JSON.stringify($scope.gridOptions)

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

Answer 1

您可以使用用户界面网格保存和恢复功能。保存和恢复

1. 注入“ui.grid.saveState”模块。
2. 添加‘ui-网格-保存状态’到您的网格html。

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

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

Answer 2

我认为，对于您的情况，您可以使用内置的保存和恢复的角度用户界面网格状态特性。这将意味着网格将返回您想要的设置并正确显示它们。您还可以控制哪些设置(例如排序、筛选等)被恢复，哪些没有恢复。

状态

一些示例代码

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