如何使用ng-grid更改数据更新服务器?

时间:2013-04-09 15:16:04

标签: angularjs

我编写了以下我从一个例子中复制的代码:

   var cellEditableTemplate = "<input style=\"width: 90%\" step=\"any\" type=\"text\" data-ng-class=\"'colt' + col.index\" data-ng-input=\"COL_FIELD\" data-ng-blur=\"updateEntity(col, row)\"/>";

    // Configure ng-grid
    $scope.gridOptions = {
        data: 'myData',
        enableCellEdit: true,
        multiSelect: false,
        columnDefs: [
            { field: 'Id', displayName: 'Id' },
            { field: 'Name', displayName: 'Name', enableCellEdit: true, editableCellTemplate: cellEditableTemplate },
            { field: 'Description', displayName: 'Description', enableCellEdit: true, editableCellTemplate: cellEditableTemplate }
        ]
    };


    // Update Entity on the server side
    $scope.updateEntity = function (column, row) {
        console.log(row.entity);
        console.log(column.field);
        // code for saving data to the server...
        // row.entity.$update() ... <- the simple case
    }

一切正常,并将正确的数据记录到控制台。

现在我需要了解如何更新服务器上的数据。该示例的创建者建议

row.entity.$update()

有人能帮助我吗?这是ng-grid的一部分功能,如果没有那么我怎样才能实现$ update来通过http更改服务器上的数据?

1 个答案:

答案 0 :(得分:1)

现在您已知道列,行和新值,您可以使用$ http或$ resource甚至jQuery.ajax来更新模型。