OData 树与片段中的过滤器绑定

Question

我在使用oModel.read() 启动 SAPUI5 应用程序时从 OData V2 服务读取数据。数据已从后端正确加载到 ODataModel。稍后我想在片段中使用我的一个实体（价值帮助）。

作为在片段中显示数据的控件是sap.m.Tree 控件。我不能使用本地 JSONModel 将数据绑定到片段，但必须坚持使用 ODataModel。

如何进行绑定以使数据显示在我的片段中？

这里是oModel.read：

oModel.read("/CategoriesSet", {
  filters: aFilters,
  success: function(oResult) {
    // ...
  },
});

在值帮助中，片段被调用：

onCatValueHelp: function(oEvent){
  if (!this._oDialog) {
    this._oDialog = sap.ui.xmlfragment("<XXXXX>.view.Categories", this);
    this.getView().addDependent(this._oDialog);
  }
  this._oDialog.open();
},

这是片段：

<Tree id="CatTree" mode="MultiSelect"
  items="{
    path: '?????',
    parameters: {
      countMode: 'Inline',
      operationMode: 'Client',
      numberOfExpandedLevels: 0
    }
  }">
  <StandardTreeItem title="{CatName}" tooltip="{CatID}" />
</Tree>

如果我使用'/CategoriesSet' 作为路径，那么我会将数据加载到片段中，但随后会再次从后端获取数据，但没有过滤器。而且由于后端调用的性能不是很好，我宁愿使用之前oModel.read()的模型中已经存在的数据。

Answer 1

如this answer所示，可以在XML中初步定义静态过滤器。

但是，如果需要动态确定过滤器值，则必须在 JS 中创建过滤器实例并将它们传递给树绑定。您可以将绑定定义保留在 XML 中，但聚合绑定应首先是 suspended: true（以避免不必要地发送多个请求）。

<Tree id="CatTree" items="{
  path: '/CategoriesSet',
  ...,
  suspended: true
}">
  <StandardTreeItem title="{CatName}" tooltip="{CatID}" />
</Tree>

// As soon as the Tree is accessible from JS:
const suspendedTreeBinding = myTree.getBinding("items");
suspendedTreeBinding.filter(aFilters, "Application");
suspendedTreeBinding.resume(); // starts sending a single data request but with the filter

无需事先致电oModel.read()。

---

题外话，但尽量避免使用旧的工厂函数sap.ui.xmlfragment，因为它自 UI5 v1.58 以来已被弃用！请改用sap/ui/core/Fragment.load。例如。 like this.

Answer 2

如果您想在开始时执行读取，可以将成功回调的结果存储在 JSONModel 中，然后将此模型绑定到 Fragment。

或者，您可以跳过第一个调用并仔细配置 Fragment 中的调用以满足您的需求。

实际上这正是 odata 模型的工作原理。

就我个人而言，我更喜欢第一个选项，因为在 javascript 中过滤比在声明式方法中更容易。