角UI網格分組報頭

我試圖使組頭被示出爲cellTemplate，這是我使用的模板：角UI網格分組報頭

<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））這是真的有沒有好的方法設置組標題currect？

來源

2015-05-16 user2207576

在http://ui-grid.info/docs/#/tutorial/209_grouping中有一個示例，您會在底部看到一個正在分組列中操作的性別過濾器。它將數值解開，然後將過濾器應用到沒有計數的部分，然後再次將字符串重新組合在一起。

這個邏輯應用到你的cellTemplate你想要把一個函數模板來unstring價值，走出只是位你想要的：

<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。

如果您還需要計數，那麼您需要編寫一些邏輯來獲取單元的計數部分並將其追加到末尾。

這個邏輯的一部分正在被重寫，這可能會讓方法更容易一些。

來源

2015-05-17 18:45:22 PaulL

角UI網格分組報頭

回答

相關問題