Twitter bootstrap 具有h:form渲染的复合组件

Twitter bootstrap 具有h:form渲染的复合组件,twitter-bootstrap,jsf,jsf-2,composite-component,wildfly,Twitter Bootstrap,Jsf,Jsf 2,Composite Component,Wildfly,带有h:form的复合组件以一种奇怪的方式呈现。这是我正在使用的JSF标记: <div id="modals"> <div id="modal1"> <custom:mycomp /> </div> <div id="modal2"> <custom:mycomp /> </div> <div id="modal3"> <custom:mycomp /

带有
h:form
的复合组件以一种奇怪的方式呈现。这是我正在使用的JSF标记:

<div id="modals">
  <div id="modal1">
    <custom:mycomp />
  </div>
  <div id="modal2">
    <custom:mycomp />
  </div>
  <div id="modal3">
    <custom:mycomp />
  </div>
</div>
它们在彼此内部进行渲染,而不是在同一级别上。我发现在我的复合组件中删除
h:form
可以解决这个问题,但我需要它来触发一些操作。复合组件呈现Twitter引导模式的标记:

<cc:interface></cc:interface>
<cc:implementation>
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header"><!-- HEADER --></div>
    </div>
    <div class="modal-body">
      <h:form>
        <!-- My form. Removing this form renders the HTML correctly but I need it to invoke some actions here -->
      </h:form>
    </div>
  </div>
</cc:implementation>


我正在使用Wildfly 8.0.0 Final。在JSF实现中是否有我遗漏的东西,或者这是一个bug?非常感谢您的帮助。

没关系,这似乎是实现中的一个错误。已更改为Wildfly 8.1.0-CR2,目前运行良好

<cc:interface></cc:interface>
<cc:implementation>
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header"><!-- HEADER --></div>
    </div>
    <div class="modal-body">
      <h:form>
        <!-- My form. Removing this form renders the HTML correctly but I need it to invoke some actions here -->
      </h:form>
    </div>
  </div>
</cc:implementation>