带有icefaces的bootfaces,在b:tabview中显示none b:tab

时间:2017-01-09 18:12:45

标签: jsf tabview bootsfaces

关于b:tabView of Bootfaces 1.0.1的使用,它在展示中工作,但在我的模板中没有,当我点击一个标签时,它取消了。谢谢你的帮助。我也在使用Icefaces 3.3.0

 <?xml version='1.0' encoding='UTF-8' ?>
                <!DOCTYPE ...>
                <html ...>
                    <h:head>
                    </h:head>
                    <h:body>
                        <ui:composition template="../plantillas/principal.xhtml">
                            <ui:define name="content">

 <b:panel id="uno" title="Pacientes"  collapsible="false"       look="primary"  
             rendered="#{!pacientes.formulario.mostrar}">
        <b:panel id="diez" title="Términos de Búsqueda"  collapsible="false"   look="primary" class="fuenterabs">
            <b:panelGrid colSpans="6,6" size="md">  
                <b:row>
                    <b:label  text="Grupo sanguineo:" class="fuenterabs" col-md="12" span="4" />
                    <ice:selectOneMenu class="form-control bf-no-message has-success" value="#{pacientes.tiposangreb}"  partialSubmit="true" >
                        <f:selectItems value="#{tablaDeCodigos.comboTipoSangre}" />
                    </ice:selectOneMenu>
                </b:row>
            </b:panelGrid> 
        </b:panel>
        <ace:menuBar autoSubmenuDisplay="true" >
            <ace:menuItem  class="btn   btn-primary fa fa-file-o   bicep" value="Nuevo"  action="#{pacientes.nuevo()}"/>
            <ace:menuItem class="btn btn-info fa fa-search bicep" value="Buscar"  action="#{pacientes.buscar()}"/>
        </ace:menuBar>
        <ace:messages   />
    </b:panel>

                                <b:panel id="tres" title="Centro"  collapsible="false" >

                                         <b:tabView pills="true" contentStyle="border: 1px solid #ddd;padding:10px">
                                        <b:tab title="JSF markup">

                                        </b:tab>
                                        <b:tab title="second tab">
                                            Put some text here.
                                        </b:tab>
                                    </b:tabView>
                                </b:panel>
                            </ui:define>
                        </ui:composition>

                    </h:body>
                </html>

1 个答案:

答案 0 :(得分:1)

我至少可以想到两个不同的原因:

  • ICEfaces的。 BootsFaces正式与ICEfaces兼容。我知道有些人设法让这些框架组合起来并运行,但这很困难。除此之外,ICEfaces的自动AJAX功能对BootsFaces来说并不是个好兆头。我们努力制作尽可能干净的HTML代码,但ICEfaces需要完美无瑕的HTML代码。上次我检查时,我们没有生成ICEfaces可以处理的代码。
  • 您的模板。您没有显示它,因此它可以包含任何代码。

我建议您尝试简化代码并查看错误何时消失:

  • 摆脱药片标签。我不认为它们会引起问题,但它们与标准有所偏差,所以检查这个是个好主意,以防万一。
  • 将您的代码段放在没有模板的网页上。
  • 从您的应用程序中删除ICEfaces。为此,您可能需要创建一个新项目或项目副本,您可以从中进行简化。

哦,检查JavaScript控制台(F12工具,或OSX上的CMD + ALT + I)。也许你在那里发现了一条错误信息。

一旦你弄清楚问题是什么,请回报,以便其他开发者可以从您的体验中受益。提前致谢!并且:¡Buena suerte!