在 UI-Grid 上显示悬停事件

Question

我使用 http://ui-grid.info/ 如下：

<div ncy-breadcrumb class="title-shadow"></div>
    {{ getDeviceTree }}

<div>
    <div ui-grid="gridOptions" ui-grid-resize-columns ui-grid-selection></div>
</div>

我的目标是 http://plnkr.co/edit/gKqt8JEo2FukS3URRLJ5?p=preview

非常感谢任何提示 and/or 与 UI-grid 组件不同的建议。

Answer 1

幸运的是 ui-grid 提供了 GridOptions 来配置这些选项。我能得到的最接近的是这个。

在你的app.js

myApp.config(function($provide){
      $provide.decorator('GridOptions',function($delegate){
        var gridOptions;
        gridOptions = angular.copy($delegate);
        gridOptions.initialize = function(options) {
          var initOptions;
          initOptions = $delegate.initialize(options);
          initOptions.rowTemplate = '<div ng-click="grid.appScope.fnOne(row)" ng-repeat="col in colContainer.renderedColumns track by col.colDef.name" class="ui-grid-cell mouseover" ui-grid-cell></div>';
          return initOptions;
        };
        return gridOptions;
      });
    });

然后在你的css

.mouseover :hover
{
    background: red;
}