HTML 4 JSF 2.1(HTML 4 <button> in JSF 2.1)

2019-09-23 16:18发布

我想用以下命令:

在JSF <h:commandButton>产生<input...>但我想的是,代替产生所述<input>我想,这产生一个HTML 4标准<button>

Answer 1:

你应该看看Primefaces p:commandButton 。 这将呈现到<button>在客户端上的标签。

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



Answer 2:

最近什么可以用标准的JSF组件集得到的是<input type="button">其通过产生<h: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' <p:button>产生<button>


Answer 3:

如果使用的是JSF 2.2,你可以使用<button>与JSF的命名空间混合标签。 这里的秘密是属性process ,从jsf的命名空间,即发布表单数据和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>

在JSF 2.2,你可以使用任何HTML标记与JSF标签混合。



Answer 4:

它通过更换为我的作品<button><h:commandLink> ,例如:替换

<button class="RUIFW-btn-primary pull-right" 
        type="submit" 
        name="action" 
        value="Find" 
        onClick="return submitPage(this);">
     <span class="icon-search"></span>Find
</button> 

<h:commandLink styleClass="RUIFW-btn-primary pull-right" 
title="#{msg['view.button.Find']}"
action="#{anotherAccountController.doFind}"
onclick="return submitPage(this.form)">
<span class="icon-search"></span>#{msg['view.button.Find']}
</h:commandLink>


文章来源: HTML 4