0
看看ng-grid的例子,我发现既可以为样式添加rowTemplate等,也可以通过在单元格中标签来输入数据来执行类似excel的编辑。与这两者有冲突吗?或者我只是没有正确配置数据网格?一旦应用了rowTemplate,则通过字段选项卡的功能将丢失。angular-js ng-grid rowTemplate与enableCellEdit冲突?
下面是来自ng-grid github页面的例子plunker供参考:
http://plnkr.co/edit/fGhK5VNwFH6GNakZ1TVq?p=preview
//main.js
$scope.myData = [{name: "Moroni", age: 50},
{name: "Tiancum", age: 43},
{name: "Jacob", age: 27},
{name: "Nephi", age: 29},
{name: "Enos", age: 34}];
$scope.gridOptions = {
data: 'myData',
enableCellEdit: true,
enableCellSelection: true,
rowTemplate: '<div style="height: 100%" ng-class="{green: row.getProperty(\'age\') < 30}"><div ng-style="{ \'cursor\': row.cursor }" ng-repeat="col in renderedColumns" ng-class="col.colIndex()" class="ngCell {{col.cellClass}}"><div class="ngVerticalBar" ng-style="{height: rowHeight}" ng-class="{ ngVerticalBarVisible: !$last }"> </div><div ng-cell></div></div></div>'
};
我使用的角度1.2.3和NG-电网2.0.13
这工作,谢谢。我注意到ng-cell的颜色从外部div移动到div。实际上我需要一个行悬停颜色,这就是为什么我定义了rowTemplate的原因。我会在哪里放置绿色类定义,以便整行是有颜色的?并仍然能够通过选项卡/浏览。 – pandasShouldntProgram 2014-09-11 17:28:44