Java 带额外空格的PrimeFaces 3选项卡视图

我有许多选项卡，其中一个是搜索选项卡。按下搜索按钮时，将显示一个新选项卡，其中包含搜索结果。当显示新选项卡时，有许多空白行，然后显示结果的数据表

在firebug的帮助下，我确定空白似乎是其他选项卡

此外，在显示结果后，如果我转到其他选项卡，然后返回到结果选项卡，则不会呈现空白。我想动态标签会解决这个问题

当不使用activeIndex时，我的项目中的其他选项卡上不会出现这种情况

<p:tabView id="tabs" activeIndex="#{bean.activeTab}" dynamic="true" cache="false">
   <p:tab id="data" title="Data">
      <h:form> ... </h:form>
   </p:tab>      
   <p:tab id="search" title="Search">
      <h:form> 
         ... 
         <p:commandButton value="Search" action="#{bean.doWork}" update="tabs,growlForm:growlMesg">
            <f:setPropertyActionListener target="#{bean.activeTab}" value="2" />
          </p:commandButton>          
      </h:form>
   </p:tab>
   <p:tab id="results" title="Results" rendered="bean.showResults">
      <h:form> ... </h:form>
   </p:tab>
</p:tabView>

... 
... 
... 

任何想法都会有帮助

---

干杯，

这是一个CSS问题。该项目刚刚从PrimeFaces 2.2.1升级到3.0.1

在新版本中，由于重新实现小部件，选项卡视图的jQuery UI主题化CSS标记改变了行为

升级到有问题的选项卡视图

作为本机PrimeFaces小部件重新实现，而不是使用jQuery 用户界面的标签小部件。参考：

---

因此，我所要做的就是删除CSS中的所有jQuery UI选项卡和主题选项卡，一切都像一个符咒一样工作。

是的，这是一个CSS问题，但您可以通过一个简单的内联块来解决

/* Fix p:tabView v3.0.1 */
div.ui-tabs ul.ui-helper-clearfix {
    display: inline-block;
}

其他一些建议：

/* Anothers cool css for p:tabview */
div.ui-tabs div.ui-tabs-panel {
    padding: 8px 4px 2px;
}

div.ui-tabs ul.ui-tabs-nav {
    background: none;
}

div.ui-tabs ul.ui-tabs-nav li {
    border-bottom: 1px solid #A8A8A8 !important;
    background-color: #74ffcc;
}

div.ui-tabs ul.ui-tabs-nav li.ui-tabs-selected {
    padding-bottom: 0;
    border-bottom: 1px solid #A8A8A8 !important;
    background-color: #54dfac;
    box-shadow: 4px 4px 4px #CCCCCC;
}

div.ui-tabs ul.ui-tabs-nav li.ui-tabs-selected.ui-state-hover {
    background-color: #54dfac !important;
}

div.ui-tabs ul.ui-tabs-nav li.ui-state-hover {
    background-color: #64efbc !important;
}