Javascript 角度ui网格分组头
我正在尝试将组标题显示为cellTemplate,这是我使用的模板:Javascript 角度ui网格分组头,javascript,angularjs,angular-ui,angular-ui-grid,Javascript,Angularjs,Angular Ui,Angular Ui Grid,我正在尝试将组标题显示为cellTemplate,这是我使用的模板: <div class="ui-grid-cell-contents"> <div ng-show="COL_FIELD"> <i class="ace-icon fa fa-check bigger-110 green"></i> </div> <div ng-hide="COL_FIELD"> &l
<div class="ui-grid-cell-contents">
<div ng-show="COL_FIELD">
<i class="ace-icon fa fa-check bigger-110 green"></i>
</div>
<div ng-hide="COL_FIELD">
<i class="ace-icon fa fa-times bigger-110 red"></i>
</div>
</div>
这显示了当前网格上的符号,但当我对其进行分组时,它显示了两个组,它们都有“检查”符号,我发现这是因为分组时的COL_字段是组合计数行的文本(0(50),1(15))
这是真的
有没有好的方法来设置组标题电流?中有一个例子,您将在底部看到一个对分组列进行操作的性别筛选器。它是取消对值的排序,然后对没有计数的部分应用筛选器,然后将字符串重新组合在一起
要将此逻辑应用于cellTemplate,您需要在模板中放入一个函数,以解除值的排列,并仅取出所需的位:
<div class="ui-grid-cell-contents">
<div ng-show="grid.appScope.checkBool(COL_FIELD)">
<i class="ace-icon fa fa-check bigger-110 green"></i>
</div>
<div ng-hide="grid.appScope.checkBool(COL_FIELD)">
<i class="ace-icon fa fa-times bigger-110 red"></i>
</div>
</div>
您需要编写$scope.checkBool函数来进行解串并返回true或false
如果还需要计数,则需要编写一些逻辑来获取单元格的计数部分并将其附加到末尾
目前正在改写其中一些逻辑,这可能会让这变得更容易
<div class="ui-grid-cell-contents">
<div ng-show="grid.appScope.checkBool(COL_FIELD)">
<i class="ace-icon fa fa-check bigger-110 green"></i>
</div>
<div ng-hide="grid.appScope.checkBool(COL_FIELD)">
<i class="ace-icon fa fa-times bigger-110 red"></i>
</div>
</div>