使用JSF h:outputLink生成页面锚点

Kaw*_*awu 8 html anchor jsf jsf-2

简单的问题:

你如何创建一个HTML锚点

<a id="organization" />
Run Code Online (Sandbox Code Playgroud)

JSF,例如

<h:outputLink ... />
Run Code Online (Sandbox Code Playgroud)

或另一个JSF链接组件?有可能吗?

Bal*_*usC 14

可以<h:link>它.它的id属性变为<a id><a name>.

<h:link id="organization" value="Organization" fragment="organization" />
Run Code Online (Sandbox Code Playgroud)

它生成以下HTML:

<a id="organization" name="organization" href="/currentcontext/currentpage.xhtml#organization">Organization</a>
Run Code Online (Sandbox Code Playgroud)

但只是使用简单<a>或偶数<span><div>完全合法的JSF/HTML作为跳转目标.

<span id="organization">Organization</span>
Run Code Online (Sandbox Code Playgroud)

为了创建一个跳转到该链接的链接,请使用<h:link fragment>id:

<h:link value="Jump to organization" fragment="organization" />
Run Code Online (Sandbox Code Playgroud)

生成的HTML将如下所示:

<a href="/currentcontext/currentpage.xhtml#organization">Jump to organization</a>
Run Code Online (Sandbox Code Playgroud)