在不同控制器中创建片段时出现重复 ID 错误

所以...我正在构建一个基本上是 CRUD 的应用程序。在此应用程序中，我有以下视图/控制器：访问编辑 and 请求新.

At the 请求新控制器，我有一个处理按钮按下的函数：

onRequestNewAddCustomerPress: function(oEvent) {
  if( !this.oAddCustomerDialog ){
    this.oAddCustomerDialog = sap.ui.xmlfragment("com.sap.lccapp.fragment.AddCustomer", this);
  }
  this.oAddCustomerDialog.openBy(oEvent.getSource());
},

我在同一个控制器上有onExit功能。它现在是空的，因为我已经做了很多测试.destroy()该对象的函数（oAddCustomerDialog）并继续弹出错误。

问题是;于访问编辑控制器，当我尝试使用与上面相同的代码第二次使用相同的对话框时，它显示以下错误：

添加具有重复 id 'addCustomerNameField' 的元素

The ID "addCustomerNameField"来自我片段中的第一个元素。

尽管我对两种方法都有“if 验证”，并且由于它位于不同的控制器中，所以正在验证的最后一个“if”具有对象（this.oAddCustomerDialog）未定义（但它不应该具有未定义的值）并且它正在再次创建sap.ui.xmlfragment.

片段定义：http://dontpad.com/stackoverflowquestionsapui5

您可以在实例化片段时关联一个唯一的 ID。这样，这个唯一的 ID 将以片段包含的控件的 ID 为前缀。

因此，两个不同的代码将是：

onRequestNewAddCustomerPress: function(oEvent) {
  if (!this.oAddCustomerDialog) {
    this.oAddCustomerDialog = sap.ui.xmlfragment("idOnNewRequest","com.sap.lccapp.fragment.AddCustomer", this);
  }
  this.oAddCustomerDialog.openBy(oEvent.getSource());
},

进而：

onVisitEditAddCustomerPress: function(oEvent) {
  if (!this.oAddCustomerDialog) {
    this.oAddCustomerDialog = sap.ui.xmlfragment("idOnEdit","com.sap.lccapp.fragment.AddCustomer", this);
  }
  this.oAddCustomerDialog.openBy(oEvent.getSource());
},

另外，请检查以下文档主题：声明性 XML 或 HTML 片段中的 ID

编辑：如果从两个不同的视图调用这些片段，最好使用视图的 ID。我将修改代码以实例化片段，如下所示：

this.oAddCustomerDialog = sap.ui.xmlfragment(this.getView().getId(), "com.sap.lccapp.fragment.AddCustomer", this);

从UI5 1.58开始，工厂功能sap.ui.*fragment已弃用。请用Fragment.load反而！

Fragment.load({
  id: this.getView().getId(),
  name: "com.sap.lccapp.fragment.AddCustomer",
  controller: this,
}); // returns a promise