使用Angular UI-grid在后端更改Http PUT

时间:2017-10-23 16:53:10

标签: javascript angularjs angular-ui-grid

我是angularJS的新手我正在使用Angular UI -grid可编辑功能,并且能够在UI端编辑它,但编辑后的值不会用于后端/ API。

请参阅下面的plunker。我可以编辑并建议使用ui-grid将可编辑数据发送到API&#39>

plnkr link

我认为需要实施更改以将可编辑数据发送到API的代码。

$scope.gridOptions.onRegisterApi = function(gridApi) {
  //set gridApi on scope
  $scope.gridApi = gridApi;
  gridApi.edit.on.afterCellEdit($scope, function(rowEntity, colDef, newValue, oldValue) {
    //Do your REST call here via $hhtp.get or $http.post
    //This alert just shows which info about the edit is available
    alert('Column: ' + colDef.name + ' ID: ' + rowEntity.id + ' Name: ' + rowEntity.name + ' Age: ' + rowEntity.age)
  });
};

1 个答案:

答案 0 :(得分:0)

我有类似的东西。我使用ASP.NET Web API作为后端。基本上我创建了一个json对象,将其字符串化并将其传递给帖子。然后在您的Web API中更新数据存储。

var data = JSON.stringify({ Key: keyValue, Column: col.field, Value: newValue });

$http.post("api/Account/UpdateData", data)
            .then(function (response) {
            }, function (error, status) {
            });