Javascript ng聚合行中值的网格和
我有一个ng网格,它有三列(名称、值、机器),显示来自三台不同计算机(如机器列中所示)的度量(名称、值)。我没有为每个度量显示三行,而是在gridOptions中设置了Javascript ng聚合行中值的网格和,javascript,angularjs,ng-grid,Javascript,Angularjs,Ng Grid,我有一个ng网格,它有三列(名称、值、机器),显示来自三台不同计算机(如机器列中所示)的度量(名称、值)。我没有为每个度量显示三行,而是在gridOptions中设置了组:['name'];但是,我不知道如何使聚合行显示值的总和。是否有方法访问每个组中行的值以计算总和 这就是我想要看到的(值列中聚合行上的7、10、4、6): 谢谢你的帮助 我遇到了同样的问题,尝试了一些我找到的建议解决方案,但没有使用我现有的网格版本。我搜索了网格源,找到了我用于聚合行的模板,并复制了该模板,然后对其进行了调整,
组:['name']
;但是,我不知道如何使聚合行显示值的总和。是否有方法访问每个组中行的值以计算总和
这就是我想要看到的(值列中聚合行上的7、10、4、6):
谢谢你的帮助 我遇到了同样的问题,尝试了一些我找到的建议解决方案,但没有使用我现有的网格版本。我搜索了网格源,找到了我用于聚合行的模板,并复制了该模板,然后对其进行了调整,以便在我的方法中包含对部分显示的函数的调用: 在我的gridOptions中,我定义了如下所示的属性
aggregateTemplate: "<div ng-click=\"row.toggleExpand()\" ng-style=\"rowStyle(row)\" class=\"ngAggregate\">" +
" <span class=\"ngAggregateText\"><span class='ngAggregateTextLeading'>{{row.totalChildren()}} {{row.label CUSTOM_FILTERS}} {{entryMaybePlural(row)}}</span><span>Total Weight: {{aggFunc(row)}} lbs {{AggItemsLabel}}</span></span>" +
" <div class=\"{{row.aggClass()}}\"></div>" +
"</div>" +
""
您将看到,在这两种情况下,我将模板中的行传递给控制器作用域中的函数,然后查看该行中名为children的属性(当其他尝试失败时,我只是使用Chrome调试工具解决了这个问题)
PS my grid顶部有此编译注释,但没有版本:|
/***********************************************
* ng-grid JavaScript Library
* Authors: https://github.com/angular-ui/ng-grid/blob/master/README.md
* License: MIT (http://www.opensource.org/licenses/mit-license.php)
* Compiled At: 06/03/2013 21:19
***********************************************/
我相信这在很大程度上取决于您使用的网格版本。我在网上找到了一些解决这个问题的方法,但是网格的功能和内部数据模型在我找到的文章和当前版本之间发生了变化,我将在下面发布我当前的解决方案,但您可能需要在网格代码中挖掘一点,以便在您的版本中找到模板,然后从那里进行调整/检查。我使用的是ng网格版本2.0.5。老实说,我刚刚意识到我不确定此时使用的是哪一个,只是有时间戳。。。不管怎样,我都会发布我所做的事情。你有没有像上面的例子那样将聚合放在它们的值列中?这是我希望在我的项目中在ng网格中实现的。
$scope.aggFunc = function (row) {
var total = 0;
angular.forEach(row.children, function(cropEntry) {
total+=cropEntry.entity.weight;
});
return total.toString();
};
$scope.entryMaybePlural = function (row) {
if(row.children.length>1)
{
return "entries";
}
else
return "entry";
};
/***********************************************
* ng-grid JavaScript Library
* Authors: https://github.com/angular-ui/ng-grid/blob/master/README.md
* License: MIT (http://www.opensource.org/licenses/mit-license.php)
* Compiled At: 06/03/2013 21:19
***********************************************/