2017-04-04 10 views
1

は、私はこれは私がSAPUI5にしようとしています何であるHTMLとJavaScriptSAPUI5でアンカータグを使用してナビゲートするにはどうすればよいですか?

<h2 id="C4">Chapter 4</h2> 
<a href="#C4">Jump to Chapter 4</a> 

を使用して行う方法を知っています。クリックしてトップに戻るリンクでは、helpButtonに移動する必要があります。これは私のために働いていません。

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

答えて

2

これは実際にUI5で行うことができます。あなたがどうやって試したかとはちょっと違う。

問題は、UI5 IDがHTML IDと同じではないことです(これは、ブラウザでハッシュリンクを使用してジャンプするために使用するものです)。また、リンクの "属性"のpressの中にURLを指定することはできません。 press「属性」は実際にはイベントです(したがって、イベントハンドラ名のみを指定できます)。

あなたが望むことができるようにするには、リンクのhrefプロパティを使用し、それをターゲットコントロールのHTML IDで埋める必要があります。 https://jsfiddle.net/93mx0yvt/26/:あなたはここで働いフィドルを見つけることができます

onAfterRendering: function() { 
    var oRef = this.byId("target").getDomRef(); 
    this.byId("link").setHref("#" + oRef.id); 
} 

:あなたは、ビュー(あなたがターゲットコントロールのHTML IDを見つけることができているときそれはだ)のonAfterRenderingフックでこれを行うことができます。

関連する問題