Html 如何在SAPUI5中使用锚定标记导航?

Html 如何在SAPUI5中使用锚定标记导航?,html,sapui5,Html,Sapui5,我知道如何使用html和JavaScript <h2 id="C4">Chapter 4</h2> <a href="#C4">Jump to Chapter 4</a> 第4章 这就是我在SAPUI5中尝试的。在单击返回顶部链接时,它应该导航到helpButton。这对我不起作用 <Button id="helpButton" icon ="sap-icon://sys-help" /> <Link text="Back t

我知道如何使用html和JavaScript

<h2 id="C4">Chapter 4</h2>
<a href="#C4">Jump to Chapter 4</a>
第4章
这就是我在SAPUI5中尝试的。在单击返回顶部链接时,它应该导航到helpButton。这对我不起作用

<Button id="helpButton" icon ="sap-icon://sys-help" />
<Link text="Back to top"
      press="#helpButton"/>

您实际上可以在UI5中执行此操作。和你的尝试有点不同

问题在于UI5 ID与HTML ID不同(这是您希望与哈希链接一起使用的,以便浏览器跳转到那里)。此外,您不能在链接的
“属性”内指定URL。
press
“属性”实际上是一个事件(因此您只能指定事件处理程序名称)

因此,要想做您想做的事情,您必须使用链接的href属性并用目标控件的HTML ID填充它。您可以在视图的
onAfterRendering
钩子上执行此操作(此时您可以找到目标控件的HTML ID):

onAfterRendering:function(){
var oRef=this.byId(“target”).getDomRef();
this.byId(“link”).setHref(“#”+oRef.id);
}
你可以在这里找到一把小提琴: