相关疑难解决方法(0)

AngularJS和ng-grid - 在更改单元格后自动将数据保存到服务器

我的用例非常简单.在编辑Cell(enableCellEdit:true)之后,用户应该将数据"自动"发送到服务器(在单元格模糊时).我尝试了不同的方法,但没有一个方法得到适当的解决.我有一个简约的网格:

// Configure ng-grid
$scope.gridOptions = {
    data: 'questions',
    enableCellSelection: true,
    selectedItems: $scope.selectedRow,
    multiSelect: false,
    columnDefs: [
        {field: 'id', displayName: 'Id'},
        {field: 'name', displayName: 'Name'},
        {field: 'answers[1].valuePercent', displayName: 'Rural', enableCellEdit: true}
    ]
};
Run Code Online (Sandbox Code Playgroud)

例如,我试图观察传递给Grid的数据模型.但这样做不会返回我编辑的单元格:

$scope.$watch('myData', function (foo) {
    // myModel.$update()
}, true);
Run Code Online (Sandbox Code Playgroud)

我试图摆弄"ngGridEventData"数据事件,但在单元格编辑后它不会触发

$scope.$on('ngGridEventData', function (e, gridId) {
    // myModel.$update()
});
Run Code Online (Sandbox Code Playgroud)

最后,我试图观察一个Cell.但是,这仅适用于网格的"selectedCell"属性的行:

$scope.selectedRow = [];

$scope.gridOptions = {
    selectedItems: $scope.selectedRow,
}

$scope.$watch('selectedRow', function (foo) {
    console.log(foo)
}, true);
Run Code Online (Sandbox Code Playgroud)

它是否需要ng-grid插件?我不敢相信它不是开箱即用的东西.

你有一个指针/片段如何解决自动保存/发送到服务器?

angularjs ng-grid

38
推荐指数
4
解决办法
4万
查看次数

标签 统计

angularjs ×1

ng-grid ×1