我需要更改ui网格中特定行方式列值的值,即从非活动状态更改为活动状态
我在ui grid中有一个表格,如
ID Name Status
1 India Active
2 Germany Inactive
3 France Active
4 Italy Active
5 Canada Inactive
我的网格代码
$scope.gridOptions = {
columnDefs: [
{
field : 'name',
displayName : 'Name',
width : '25%',
enableColumnMenu : false,
sort : {
direction : uiGridConstants.ASC
},
cellTemplate : '<div class="ngCellText" ng-class="col.colIndex()" ng-controller="NameController"><a ng-click="editPop({{row.entity}})">{{COL_FIELD}}</a></div>'
}, {
field : 'status',
displayName : 'Status',
width : '25%',
enableColumnMenu : false,
cellTemplate: '<div ng-controller="StatusController" ng-if=\"row.entity.status == \'Active\'\" ><img src=\'assets/img/on.png\' /><a ng-click="checkStatusDepend(row.entity.id,row.entity.name,row.entity.status)">Active</a></div>'+
'<div ng-controller="StatusController" ng-if=\"row.entity.status == \'Inactive\'\" ><img src=\'assets/img/off.png\' /><a ng-click="checkStatusDepend(row.entity.id,row.entity.name,row.entity.status)">Inactive</a></div>'
}
],
data: 'myData'
};
用于调用此网格
getPage();
var getPage = function(obj) {
object.charge({}, function(list){
$scope.myData = list.data;
});
};
我在myData中获取列表,因此它显示在ui网格表中。
我正在更新状态控制器中的状态
$rootScope.$emit("statusUpdateCall",id);
并用于更改另一个控制器中的值
$rootScope.$on('statusUpdateCall', function(events, args){
getPage();
});
我想更改为ID no 2 status
Inactive to Active
,在后端使用rest spring我正在更新数据库但在前端我需要将其更改为Active。
目前我从头开始加载数据。
我已经使用splice浏览了angularjs ui网格教程,它删除了特定的行并添加了一个带有新更改数据的新行。
但是没有拼接,是否还有其他选项来更新特定的列值?