如何将动态字段添加到ui-grid标题名称字段

问题描述：

具有一个字段名称的网格用户和要求是它应该在ui-grid标题名称中显示Users（用户数）。我怎么能得到这个。这是我的JS文件代码如何将动态字段添加到ui-grid标题名称字段

var userCount= response.usercount; 

     columnDefs: [{ 
        name: 'Users', // Along with Users i want count also 
        width: '25%',       
        cellTemplate: 'beacon-template' 
       },

我怎么能得到这个？

你能举一个更详细的例子吗？ –

我有用户，名字，Latname，地址具有标题名称栏的ui网格。在用户标题列中，我需要用户（用户数）和用户的标题名称中的用户数。我有这个动态的计数值。我怎样才能显示标题名称用户 –

我添加了一个图像，它会帮助你更好地理解。 –

答

您可以随时更改标题文本。听起来像你可以把手表的计数值，并做类似如下：

$scope.$watch('yourCountValue', function(newVal){ 

    $scope.gridOptions.columnDefs[0].displayName = 'Users(' + newVal + ')'; 

    $scope.gridApi.core.notifyDataChange(uiGridConstants.dataChange.COLUMN); 
})

代码可能会有所不同，在你的情况。例如，您可以观看$ scope.data更改，并使用$ scope.data.length来连接displayName。您可能有选择标题和索引将是1而不是0，等等。

更新回答：你忘记注入ui.grid和uiGridConstants？

var app = angular.module('myApp', ['ui.grid']); 

app.controller('appCtrl', ['$scope', 'uiGridConstants', function($scope, uiGridConstants) { 

    $scope.gridOptions = { 

    columnDefs: [ 
     {field: 'field1', displayName: 'User 1'}, 
     {field: 'field2', displayName: 'User 2'}, 
    ], 

    data: [ 
     { field1: "user 1", field2: "bar"}, 
     { field1: "user 2", field2: "bar"}, 
     { field1: "user 3", field2: "bar"} 
    ], 

    onRegisterApi: function(gridApi) { 
     $scope.gridApi = gridApi; 
    } 
    }; 
    //put the watch here 
    /... 
}]);

什么是$ scope.gridApi.core m获取错误核心是未定义的。 –

你能告诉我更多你的代码吗？听起来好像你没有注入ui-grid模块或者没有注册gridApi –

如何将动态字段添加到ui-grid标题名称字段

相关推荐