定製角度 - 用戶網格中的選擇外觀

Question

我可以以某種方式定製角度 - 用戶網格中的選擇嗎？
（是一個<input type="checkbox">而不是選擇V）

沒有找到這方面有任何文檔...

Answer 1

要修改的實際行頭圖標：

可以覆蓋選擇行標題按鈕的模板並添加自定義類的CSS。在您的控制器中注入templateCache並像這樣覆蓋模板。

$templateCache.put('ui-grid/selectionRowHeaderButtons', 
    "<div class=\"ui-grid-selection-row-header-buttons\" ng-class=\"{'ui-grid-row-selected': row.isSelected , 'ui-grid-icon-cancel':!grid.appScope.isSelectable(row.entity), 'ui-grid-icon-ok':grid.appScope.isSelectable(row.entity)}\" ng-click=\"selectButtonClick(row, $event)\">&nbsp;</div>" 
); 

模板在您的控制器作用域中使用一種方法來確定行是否可選。

樣品這裏http://plnkr.co/edit/vaqBY235Lfz7WLvy0FCc?p=preview