角度ui網格分組頭

Question

我試圖讓組標題顯示為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>

這是columnDefs：

{ 
    name:'active', 
    width: 100, 
    cellTemplate: $templateRequest('scripts/common/partials/formatter/boolean.tpl.html') 
}

這顯示當前在網格上的標志但是當我對它進行分組時，它顯示了兩組，它們都有“檢查”標志“，我發現它發生是因為分組上的COL_FIELD是組合計數行的文本（0（ 50），1（15））這是真的有設置組頭當前的好方法嗎？

Answer 1

在http://ui-grid.info/docs/#/tutorial/209_grouping中有一個示例，您將在底部看到一個在分組列上運行的性別過濾器。 它取消了值，然后將過濾器應用於沒有計數的部分，然后再將字符串重新組合在一起。

要將此邏輯應用於您的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函數來執行unstringing並返回true或false。

如果你還想要計數，那么你需要編寫一些邏輯來獲取單元格的計數部分並將其追加到最后。

目前正在重寫其中一些邏輯，這可能會讓方法更容易。