Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/368.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 角度ui网格分组头_Javascript_Angularjs_Angular Ui_Angular Ui Grid - Fatal编程技术网

Javascript 角度ui网格分组头

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

我正在尝试将组标题显示为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">
        <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>