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

Question

我有一个 ng-grid，我想只允许某些行是可编辑的。似乎 ng-grid 是一个全有或全无的可编辑网格，我错过了什么还是有解决方法？

Answer 1

我想出的解决方法是用 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>"
);