gpt4 book ai didi

angularjs - 检测 angular.js 和 ng-grid 中的单元格变化

转载 作者:行者123 更新时间:2023-12-04 16:39:54 25 4
gpt4 key购买 nike

我绞尽脑汁,但无法弄清楚如何检测 ng-grid 中的单元格数据变化。
以下代码段使用了 ng-change,它正确调用了 save(),但它不是
我想要的触发器,因为它被任何键控条目调用。我需要知道什么时候编辑
单元格完成。

任何帮助,将不胜感激。

angular.module('controllers', ['ngGrid']).
controller('ContactsListCtrl', ['$scope', 'Contacts', function ($scope, Contacts) {
var editableCellTemplate = '<input type="text" ng-class="\'colt\' + col.index" ng-input="COL_FIELD" ng-model="COL_FIELD" ng-change="save()"/>';

Contacts.get(function(data) {
$scope.contacts = data;

});
$scope.gridOptions = {
data: 'contacts',
enableCellSelection: true,
enableRowSelection: false,
enableCellEdit: true,
showSelectionCheckbox: true,
columnDefs: [
{field: 'lastName', displayName: 'Last Name', enableCellEdit: true, editableCellTemplate: editableCellTemplate},
{field: 'firstName', displayName: 'First Name', enableCellEdit: true, editableCellTemplate: editableCellTemplate},
{field: 'email', displayName: 'EMail Address', enableCellEdit: true, editableCellTemplate: editableCellTemplate},
{field: 'phone', displayName: 'Phone', enableCellEdit: true, editableCellTemplate: editableCellTemplate}
]
};
$scope.save = function() {
$scope.contact = this.row.entity;
Contacts.save($scope.contact);
}
}]);

最佳答案

这应该可以解决问题,并在编辑单元格时为您提供完整的编辑行。
然后您可以保存/更新

$scope.$on('ngGridEventEndCellEdit', function(event) {
$scope.contact = event.targetScope.row.entity;
Contacts.save($scope.contact);
// console.log($scope.contact );
});

关于angularjs - 检测 angular.js 和 ng-grid 中的单元格变化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18239932/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com