Question

有没有办法禁用/启用网格的单元格编辑。例如，我有一个主 - 详细信息表单屏幕。当用户想要分析记录时，我禁用ng-disabled的表单的所有控件。但我无法阻止编辑网格。我尝试了“cellEditableCondition”选项。但是，我只在网格加载时运行。如果grid有一个像“disableEdit”这样的选项并接受一个范围变量，那就太好了。当我在编辑模式下打开表单时，网格将是可编辑的，当处于视图模式时，网格将被禁用。

Answer 1

我找到了解决方案。您可以使用网格列的cellEditableCondition属性。如果将函数应用于此属性，则可以启用/禁用动态单元格。这是一个吸食者：

 $scope.canEdit = function () { return $scope.pageOptions.isView; };

 $scope.pageOptions = { isView : false};

$scope.gridOptions1 = {
enableRowSelection: true,
    enableSelectAll: true,
enableFiltering: true,
columnDefs: [
  { name: 'name', width: '30%',cellEditableCondition: $scope.canEdit },
  { name: 'gender',  width: '20%',cellEditableCondition: $scope.canEdit },
  { name: 'age', width: '20%',cellEditableCondition: $scope.canEdit },
  { name: 'company', width: '25%',cellEditableCondition: $scope.canEdit },
  { name: 'state',  width: '35%',cellEditableCondition: $scope.canEdit },
  { name: 'balance', width: '25%',cellEditableCondition: $scope.canEdit }
],
isRowSelectable:function(row){if(row.entity['age']>30) return true; return false;},
onRegisterApi: function( gridApi ) {
  $scope.gridApi = gridApi;
}
};

http://plnkr.co/edit/md9AOA64Zn67KqhNmhZT?p=preview

角度ui-grid禁用编辑视图模式

1 个答案: