带有 icefaces 的 bootfaces，在 b:tabview 中不显示 b:tab答案

【问题标题】：bootfaces with icefaces, display none b:tab, in b:tabview带有 icefaces 的 bootfaces，在 b:tabview 中不显示 b:tab
【发布时间】：2017-01-09 18:12:44
【问题描述】：

关于 Bootfaces 1.0.1 的 b:tabView 的使用，它在展示中有效，但在我的模板中无效，当我单击选项卡时它会消失。感谢这里的一些帮助。我也在使用 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>

【问题讨论】：

我不是对这个问题投反对票的人，但目前还不清楚这个问题在问什么。如果您重新提出问题，您可能会得到更好的反馈。
@BrandonMinnick 谢谢！我相信这种反馈可以帮助人们学习如何提出更好的问题。

标签： jsf tabview bootsfaces

【解决方案1】：

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

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

我建议你尝试简化代码，看看错误何时消失：

摆脱药片标签。我不认为它们会导致问题，但它们与标准有偏差，因此最好检查一下，以防万一。
将您的 sn-p 放在没有模板的页面上。
从您的应用程序中删除 ICEfaces。为此，您可能需要创建一个可以彻底简化的新项目或项目副本。

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

一旦您找出问题所在，请进行报告，以便其他开发人员可以从您的经验中受益。提前致谢！并且：¡ Buena suerte！

【讨论】：

好吧，我试过只使用面板、网格系统和按钮 + 小部件 Iof Icefaces (ace:table, ace:fileEntry)，显然它有效！当然 ace:fileEntry 有一个监听器，我遇到了问题 Bootfaces 的 b:combutton 提交页面并且监听器已经执行，但是我在底部使用了 ajax="true" update="@form"似乎有效。我不是大师，我在学习，但你认为我采取了最糟糕的错误方式，只考虑面板和网格系统？提前感谢朋友！ ——
如果它有效，它有效:)。从每个框架中挑选组件并没有错。只是我在 ICEfaces 环境中使用我的复杂示例时运气不佳。只要您记住，我们的某些组件可能会生成 HTML 代码，浏览器可以解析，但 ICEfaces 不能，一切都很好。