Javascript 如何将动态字段添加到ui网格标题名称字段
只有一个字段名Users的网格,要求在Javascript 如何将动态字段添加到ui网格标题名称字段,javascript,angular,Javascript,Angular,只有一个字段名Users的网格,要求在ui网格中显示用户(用户数)标题名。我怎么能得到那个 这是我的JS文件代码: var userCount= response.usercount; columnDefs: [{ name: 'Users', // Along with Users i want count also width: '25%',
ui网格中显示用户(用户数)
标题名。我怎么能得到那个
这是我的JS文件代码:
var userCount= response.usercount;
columnDefs: [{
name: 'Users', // Along with Users i want count also
width: '25%',
cellTemplate: 'beacon-template'
},
我怎样才能得到它?您可以随时更改标题文本。听起来您可以将手表设置为计数值,然后执行以下类似操作:
$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
/...
}]);
你能给出一个更详细的例子吗?我有一个ui网格,它有一些列,标题名为Users、Firstname、Latname、Address。在标题中的用户列中,我需要用户(用户数)标题名称中的用户数以及用户数。我有一个动态的计数值。如何显示标题名users?我在标题名users中添加了一个图像,这将帮助您更好地理解。您能给我更多的代码吗?听起来你要么没有注入ui网格模块,要么没有注册gridApi