angularjs – 检测angular.js和ng-grid中的单元格变化
发布时间:2020-12-17 06:55:23 所属栏目:安全 来源:网络整理
导读:我已经绞尽脑汁,但无法弄清楚如何检测ng-grid中的细胞数据变化. 下面的代码片段正在使用ng-change,它正确调用save(),但它不是 触发器我想要因为它被调用任何键控条目.我需要知道什么时候编辑 细胞完整. 任何帮助,将不胜感激. angular.module('controllers',[
我已经绞尽脑汁,但无法弄清楚如何检测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',editableCellTemplate: editableCellTemplate},{field: 'firstName',displayName: 'First Name',{field: 'email',displayName: 'EMail Address',{field: 'phone',displayName: 'Phone',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 ); }); (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |