AngularJS中的剑道UI网格持久状态

Question

我在以角度加载网格的保存状态时遇到一些问题。

这是网格HTML：

<div id="grid" kendo-grid k-options="GridOptions" k-ng-delay="GridOptions"></div>

稍后，我启动Http调用和$scope。网格选项已填充，网格工作正常。

然后通过以下方式保存网格的状态：

$scope.GridOptionsBackup = kendo.stringify($scope.GridOptions);

这很好，当我在控制台中打印输出时。看起来是这样的：

{“dataSource”：{“schema”：{“data”：“data”}，“transport”：{}，“serverSorting”：true，“table”：null，“fields”：[{“encoded”：true，“field”：“field”：“Name”，“template”：“Name”，“template”：“data.WidgetName”}，{“encoded”：true，“field”：“WidgetDescription”，“title”：“Description”，“template”：“data.WidgetDescription”}，“columns”：“{“field”：“field”：“field”：“WidgetName”，“title”：“Name”：“Name”，“模板”：“#：data.WidgetName#”}，{“字段”：“WidgetDescription”，“title”：“Description”，“模板”：“#：data.WidgetDescription#”}]，“sortable”：{“mode”：“multiple”，“allowUnsort”：true}，“scrollable”：true}”

当我尝试用保存的状态重新加载网格时，我读取JSON，解析它并将其重新分配给$scope。网格选项。但这不起作用：

$scope.GridOptions = JSON.parse($scope.GridOptionsBackup);

为什么网格在这行代码之后没有更新？

我真的很感激你能提供的任何帮助！

Answer 1

创建2个角按钮lt按钮剑道按钮ng-单击="保存（）"gt保存状态A lt /buttongt按钮剑道按钮ng-单击="加载（）"gt加载状态A lt /buttongt var保存状态=null；

    $scope.save = function () {
       // alert('sav')
        savedState = kendo.stringify($scope.GridMAS.getOptions());

    }

    $scope.load = function () {
        //alert('lod')
        $scope.GridMAS.setOptions(JSON.parse(savedState));
    }

为我工作

Answer 2

我找到了答案：

我必须给剑道网格起个名字：

<div kendo-grid="GridBram" k-options="GridOptions" k-ng-delay="GridOptions"></div>

在我的Angular代码中，名称自动绑定到范围。在那里，我可以使用jQuery中使用的相同（奇怪）的get和setOptions方法。我还使用var来存储JSON。

这是我的代码：

var savedState = null;

$scope.saveO = function () {
    savedState = kendo.stringify($scope.GridBram.getOptions());
    console.log(test);
}

$scope.loadO = function () {
    $scope.GridBram.setOptions(JSON.parse(savedState));
}

这样，你就可以保存和加载你的网格的角度状态！