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

时间:2015-08-27 16:20:49

标签: twitter-bootstrap jsf

<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

如果有人帮助我会很棒。我无法找到解决方案。

1 个答案:

答案 0 :(得分:0)

令人不安的是,你正在混合写作形式  

你在<button>内有<h:form>,并将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。