bootfaces with icefaces, display none b:tab, in b:tabview

Question

关于Bootfaces 1.0.1的b:tabView的使用，它在showcase中有效，但在我的模板中无效，当我点击一个标签时它消失了。在这里感谢一些帮助。我也在使用 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>

Answer 1

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

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

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

去掉药丸标签。我不认为它们会导致问题，但它们偏离了标准，因此最好检查一下，以防万一。
将您的代码段放在没有模板的页面上。
从您的应用程序中删除 ICEfaces。为此，您可能需要创建一个新项目或可以从根本上简化的项目副本。

哦，检查 JavaScript 控制台（F12 工具，或 OSX 上的 CMD+ALT+I）。也许您在那里发现了一条错误消息。

找出问题所在后，请反馈，以便其他开发人员可以从您的经验中受益。提前致谢！和：¡Buena suerte!

bootfaces with icefaces, display none b:tab, in b:tabview

bootfaces with icefaces, display none b:tab, in b:tabview

jsf

tabview

bootsfaces