如何通过绑定使Angular ng-grid单元可编辑?

时间:2013-08-05 13:30:26

标签: angularjs ng-grid

刚开始使用ng-grid。我需要根据网格数组中属性的布尔值来编辑单个单元格(即对于给定的行和列)。如果我可以简单地绑定到数组属性来打开(或关闭)单元格编辑,那将会很棒。但是,我没有看到这个选项。我忽略了什么,ng-grid是否支持这种开箱即用?如果没有,有关如何实现此功能的任何建议吗?

1 个答案:

答案 0 :(得分:4)

我不熟悉开箱即用的东西。

我会为每个单元格创建一个单元格模板并放置两个div - 一个div用于查看,一个div用于编辑,然后将ng-show添加到每个div并将其绑定到boolean属性,该属性指示单元格是否可编辑或不。

示例:http://jsfiddle.net/FP7Jt/

cellTemplate: '<div class="ngCellText"><div ng-show="!row.entity.edit">{{row.getProperty(col.field)}}</div>' +     
   '<div ng-show="row.entity.edit" class="ngCellText"><input type="text" ng-model="row.entity.age"/></div></div>'}