只允许在ng-grid中编辑某些行

时间:2013-09-05 20:13:20

标签: javascript angularjs ng-grid

我有一个ng-grid,我想只允许某些行可编辑。看起来ng-grid是一个全有或全无的可编辑网格,我错过了什么或有解决方法吗?

1 个答案:

答案 0 :(得分:0)

我想到的解决方法是使用ng-edit-cell-if指令中的额外条件替换$ templateCache中的cellEditTemplate。例如,我们希望第0行可以编辑,第1行只能读取:

$templateCache.put("cellEditTemplate.html",
  "<div ng-cell-has-focus ng-dblclick=\"editCell()\">" +
    "   <div ng-edit-cell-if=\"!isFocused || row.rowIndex == 1\">   " +
    "       DISPLAY_CELL_TEMPLATE" +
    "   </div>" +
    "   <div ng-edit-cell-if=\"isFocused && row.rowIndex == 0\">" +
    "       EDITABLE_CELL_TEMPLATE" +
    "   </div>" +
    "</div>"
);