如何在angularjs ui网格中更改特定的行方式列值?

时间:2016-02-11 08:55:22

标签: angularjs angular-ui-grid

我需要更改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网格教程,它删除了特定的行并添加了一个带有新更改数据的新行。

但是没有拼接,是否还有其他选项来更新特定的列值?

0 个答案:

没有答案