JSF2.1中的HTML4 <button>

Question

我想使用以下命令：

JSF <h:commandButton>生成一个<input...>，但我希望它不生成<input>，而生成HTML4标准<button>。

Answer 1

你应该研究一下Primefaces的p:commandButton。这将呈现为客户端上的<button>标记。

http://www.primefaces.org/showcase/ui/commandButton.jsf

Answer 2

与标准JSF组件集最接近的是由生成的<input type="button">。

<h:button value="Button" />

它会生成

<input id="j_id_1" name="j_id_1" type="button" value="Button" onclick="window.location.href = '/context/currentpage.xhtml'" />

如果您确实出于某种不清楚的原因坚持使用<button>，那么您有以下选择：

• 只需使用普通的HTML.
• 创建一个自定义组件和/或创建一个第三方组件库。例如，PrimeFaces' 会生成一个<button>.

Answer 3

如果您使用的是JSF2.2，那么可以只使用带有JSF的<button>标记。这里的秘密是来自jsf名称空间的属性process、发布表单数据的属性和action属性。

<button type="submit" class="btn btn-primary" 
    jsf:action="#{profileController.updateProfile}"
    jsf:process="@form">
        <i class="fa fa-floppy-o" aria-hidden="true"></i>
            #{bundle['button.store']}
</button>

在JSF2.2中，您可以使用任何与JSF标记混合的HTML标记。