在angular-ui-grid

Question

我能以某种方式自定义angular-ui-grid中的选择吗？ （是<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>"
  );

模板使用控制器范围中的方法来识别行是否可选。

示例plnkr http://plnkr.co/edit/vaqBY235Lfz7WLvy0FCc?p=preview