UI5：将控件的简单属性绑定到 OData 实体的属性

Question

我有一个成功用于填充的 OData 模型，例如。 SAPUI5 应用中的表格：

<Table items="{globalSettings>/APP_GLOBAL_PREFERENCES/}">

等等

实体集APP_GLOBAL_PREFERENCES 由具有KEY 和VALUE 属性的实体组成，KEY 是关键。

现在，我正在尝试将 <Text>control 的 textproperty 绑定到实体的特定实例的属性：

<Text text="The base URL is '{globalSettings>/APP_GLOBAL_PREFERENCES('BASE_URL')/VALUE}'" />

为了让它工作，我必须按照here 的建议创建一个元素绑定。就我而言，我在关联控制器的生命周期方法onBeforeRendering 中执行此操作：

onBeforeRendering: function () {
  this.getView().bindElement({
    path: '/APP_GLOBAL_PREFERENCES',
    model: 'globalSettings'
  });
}

我不明白为什么这一步是必要的，我想避免它。 谁能解释为什么需要这一步，或者有没有人知道没有它怎么办？

Answer 1

在 UI5 中，有 3 种类型的绑定：

• 聚合绑定可以与聚合一起使用（例如表或列表items）。从数据的角度来看，这需要一组对象。在这种情况下，您必须配置一个所谓的模板，该模板将为聚合的每个实例重复。在这里，您需要使用相对绑定，因此您不必在绑定路径中包含数组引用本身。

• 元素绑定用于将模型中的对象绑定到控件（视图也是控件！）。如果控件有任何子元素，则可以使用相对绑定将这些子元素绑定到此对象的任何属性。**

• 属性绑定是绑定过程的基本部分；每个控件都有或多或少的属性，您可以使用属性绑定将模型值分配给这些属性。

** 这意味着，在您的Text 控件中，您必须使用相对绑定，因此只需使用{VALUE}。但是，请确保如果您的模型中的 APP_GLOBAL_PREFERENCES 指向一个数组，您必须在您的 bindElement 中选择一个特定的项目（例如：

this.getView().bindElement({ path: '/APP_GLOBAL_PREFERENCES('BASE_URL')', model: 'globalSettings' });)。

编辑： 好的，现在我看到了你的问题！回答你的问题：没必要。

如果您使用this.getView().bindElement(..) 属性，您可以在您的文本控件中使用相对路径（假设您在此段中包含正确项目的选择）。我的示例基于 JSONModel：

this.getView().bindElement({ path: '/APP_GLOBAL_PREFERENCES/0', model: 'globalSettings' });

然后你可以在你的视图中这样做： <Text text="{globalSettings>text}" />

如果您跳过 bindElement（但您已将模型分配给视图），则需要使用以下路径： <Text text="{globalSettings>/APP_GLOBAL_PREFERENCES/0/text}" />

如果你正在实现一个详细视图，它获取所选项目的 ID 作为 URL 参数，建议使用 bindElement 与给定参数的选择；然后在您的 XML 视图中，您可以使用相对绑定，而不必关心项目的 ID。