如何通过注解在CAP的Fiori Elements(OData V4)中按实体属性控制编辑按钮显隐？

一、修正注解配置（适配草稿模式） #

启用草稿功能后，Fiori Elements实际操作的是草稿实体（而非主实体），直接在主实体service.Foo上添加@UI.UpdateHidden注解不会生效，需要针对草稿实体配置：

1. 定位到自动生成的草稿实体（通常命名为service.Foo.draft）
2. 给草稿实体添加路径绑定的注解，关联主实体的isEditable属性：

annotate service.Foo.draft with @(
  UI.UpdateHidden: {
    $Path: 'isEditable'
  }
);

或简洁写法：

annotate service.Foo.draft with @UI.UpdateHidden: $isEditable;

注意：需确保isEditable属性在草稿实体的投影中可见，若为计算/关联属性，要在CAP配置中暴露该属性至OData服务。

二、备选方案：前端扩展控制按钮状态 #

若注解方案仍不生效，可通过前端扩展实现灵活控制：

1. 在manifest.json中为ObjectPage绑定自定义控制器：

"extends": {
  "extensions": {
    "sap.ui.controllerExtensions": {
      "sap.fe.templates.ObjectPage.ObjectPageController": {
        "controllerName": "your.namespace.ext.controller.ObjectPageExtension"
      }
    }
  }
}

2. 在自定义控制器中控制按钮状态：

sap.ui.define([
  "sap/ui/core/mvc/ControllerExtension"
], function(ControllerExtension) {
  "use strict";

  return ControllerExtension.extend("your.namespace.ext.controller.ObjectPageExtension", {
    onBeforeRendering: function() {
      const oView = this.getView();
      const oEditButton = oView.byId("fe::StandardAction::Edit");
      if (oEditButton) {
        const oContext = oView.getBindingContext();
        const bIsEditable = oContext.getProperty("isEditable");
        // 按需选择隐藏或禁用按钮
        oEditButton.setVisible(!bIsEditable);
        // oEditButton.setEnabled(!bIsEditable);
      }
    }
  });
});

三、关键注意事项 #

• 草稿模式下，主实体注解不直接作用于编辑按钮，必须针对草稿实体配置
• 路径绑定注解需确保属性在OData服务实体集中可见
• 前端扩展中，标准编辑按钮ID通常为fe::StandardAction::Edit

内容的提问来源于stack exchange，提问作者Federico Belotti