Sapui5 链接到路由，无需附加JS代码

我是OpenUI5的初学者，并编写了如下菜单：

查看：

<NavigationList id="navigationList" width="12rem">
  <NavigationListItem text="People" icon="sap-icon://card" select="goToRoute"></NavigationListItem>
</NavigationList>

goToRoute: function() {
    this.getRouter().navTo("peoplelist");
}

<NavigationList id="navigationList" width="12rem">
  <NavigationListItem text="People" icon="sap-icon://card" linkToRoute="peoplelist"></NavigationListItem>
</NavigationList>

这是可行的，但很糟糕，因为我有两个菜单项，每个菜单项都有JS事件

我希望我有下面这样的东西，没有任何JS，但在文档和示例中找不到任何东西

查看：

<NavigationList id="navigationList" width="12rem">
  <NavigationListItem text="People" icon="sap-icon://card" select="goToRoute"></NavigationListItem>
</NavigationList>

goToRoute: function() {
    this.getRouter().navTo("peoplelist");
}

<NavigationList id="navigationList" width="12rem">
  <NavigationListItem text="People" icon="sap-icon://card" linkToRoute="peoplelist"></NavigationListItem>
</NavigationList>

---

有人知道吗？

您可以构建一个通用事件处理程序，它从相应的项派生目标路由。为了实现这一点，您可以使用自定义数据，这些数据可以以声明方式添加到控件中。为此，请在洞口视图标记中添加以下行：

xmlns:custom="http://schemas.sap.com/sapui5/extension/sap.ui.core.CustomData/1"

采用您的导航列表：

<NavigationList id="navigationList" width="12rem">
      <NavigationListItem text="People" icon="sap-icon://card" select="onItemSelect" custom:route="peopleList"/>
</NavigationList>

---

您可以找到更多详细信息。

您可以构建一个通用事件处理程序，该处理程序从相应的项派生目标路由。为了实现这一点，您可以使用自定义数据，这些数据可以以声明方式添加到控件中。为此，请在洞口视图标记中添加以下行：

xmlns:custom="http://schemas.sap.com/sapui5/extension/sap.ui.core.CustomData/1"

采用您的导航列表：

<NavigationList id="navigationList" width="12rem">
      <NavigationListItem text="People" icon="sap-icon://card" select="onItemSelect" custom:route="peopleList"/>
</NavigationList>

你可以找到更多的细节