具有bootstrap modal和JSF的页面加载上的CSS样式问题

Question

<h:form prependId="false">
                   <button class="btn btn-primary"                           
                        data-toggle="modal" data-backdrop="static"
                        jsf:action="#{managedBean.action()}"                            
                        data-target="#my-modal">
                        Clickme
                        <f:ajax execute="@form" render="form-2 form-3"/>
                    </button>
            </h:form>
           <div class="modal fade modal-aaa-info" id="my-modal" tabindex="-1" role="dialog"
                aria-labelledby="gridSystemModalLabel">
                <div class="modal-dialog modal-lg" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h:form>
                                 <!-- Some form-->
                            </h:form>                   
                        </div>
                        <div class="modal-body">
                            <div class="row">
                                <h:form form-3>
                                    <!-- Some form-->
                                </h:form> 

                            </div>
                            <form jsf:id="form-2" jsf:prependId="false">
                                <!-- Some form-->
                            </form>
                        </div>
                        <div class="modal-footer">
                            <h:form>
                                <!-- Some form-->
                            </h:form>
                        </div>
                    </div>
                </div>
            </div>
            <h:form>
              <!-- Form with more than 1000 fields-->
            </h:form>

整个JSf风格都被打乱了。在另一个页面上有相同类型的信息，但样式不会受到干扰。一些应该在表单中的输入字段显示在表单之外。

我使用的是mojaraa 2.2.8

如果有人能帮我，那就太好了。我找不到解决这个问题的办法。

Answer 1

这里令人不安的是，您混合了各种形式的书写方式

您在<h:form>内部有普通的<button>，并且混合了jsf和按钮。

你可能想试试<h:button ..> <f:ajax ..> </h:button>，然后你就有了

<h:form form-3> , the id is maybe missing?

我建议您为每个表单分配一个id。<h:form id="form1" />.. <h:form id="form2" /> ..，然后重试。这里不需要你的prependId。