Question

我试图根据ui-grid中的一些数据来编辑行的模板。

示例：

列定义->

$scope.gridOptions: [
                  rowTemplate : '<div ng-class={\'my-css-class\':{{row.entity.deletedBy!=NULL}}}></div>';
                  columnDef : [{ name: 'deletedBy',
                                displayName: 'deletedBy',
                                field: 'deletedBy'
                                visible: false }];

css->

.my-css-class { color: blue; }

rowTemplate将无法实现。我在这里想念东西吗？

我以此为参考：http://ui-grid.info/docs/#!/tutorial/Tutorial:%20317%20Custom%20Templates

Answer 1

我认为您应该在自定义rowTemplate中包含默认的rowTemplate内容，例如：

 <div
  ng-repeat="(colRenderIndex, col) in colContainer.renderedColumns track by col.uid"
  ui-grid-one-bind-id-grid="rowRenderIndex + \'-\' + col.uid + \'-cell\'"
  class="ui-grid-cell"
  ng-class="{ \'ui-grid-row-header-cell\': col.isRowHeader, \'my-css-class\':{{row.entity.deletedBy!=NULL}} }"
  role="{{col.isRowHeader ? \'rowheader\' : \'gridcell\'}}"
  ui-grid-cell>
</div>

无法通过javascricpt分配rowTemplate

1 个答案: