當嘗試保存狀態時，角UI網格gridApi未定義

我正在使用Angular UI網格，並嘗試保存網格狀態時發生錯誤。 gridApi似乎是未定義的。我創建了一個plunkr http://plnkr.co/edit/1gC9Z5nP1FB0NLHCEuCF?p=preview來演示錯誤。您可以在vm.saveState函數下的View2Controller.js中找到該語句。當嘗試保存狀態時，角UI網格gridApi未定義

angular.module('app').controller('View2Controller').$inject = ['$scope', '$http', 'uigridconstants'];

angular.module（ '應用'）控制器（ 'View2Controller'，函數（$範圍，$ HTTP，uiGridConstants）{ VAR VM =此;

vm.customers = []; 
vm.selectedText = ''; 
vm.selectedItems = []; 
vm.gridOptions = { 
    onRegisterApi: function (gridApi) { 
     $scope.gridApi = gridApi; 
    },   
    data: 'vm.customers', 
    columnDefs: [ 
     { 
      field: 'status', name: '', width: 50, sort: { 
       direction: uiGridConstants.DESC, 
       priority: 0 
      } 
     }, 
     { 
      field: 'member', name: 'M', width: 50, type: 'boolean', 
      cellTemplate: '<input type="checkbox" ng-model="row.entity.lid" >' 
     }, 
     { 
      field: 'company', name: 'Company', width: 200, minWidth: 200, maxWidth: 600 
     } 
    ] 
}; 
$http.get('customers.json') 
.success(function (data) { 
    vm.customers = data; 
}); 

vm.saveState = function(){ 
    //debugger; 
    var stateToSave = $scope.gridApi.saveState.save(); 
    console.log(stateToSave); 
};

}）。

非常感謝您的任何幫助。

來源

2015-06-17 user2292546

代碼有幾個問題。一個你有兩個控制器View2Controller的實例。

其次，您需要在應用程序中使用'ui.grid.saveState'模塊來獲取保存狀態功能。

<div> 
    <div ui-grid="vm.gridOptions" ui-grid-save-state class="myGrid"></div> 
</div> 


var app = angular.module('app', [ 
    'ui.router', 
    'ui.grid', 
    'ui.grid.saveState' 
]);

看看這裏的plnkr

http://plnkr.co/edit/OQp4cmZiu87cjeKQwFi6?p=preview

來源

2015-06-17 20:48:23 Kathir

當嘗試保存狀態時，角UI網格gridApi未定義

回答

相關問題