0

首先,让我给你一些信息。我正在用这个开发一个网络应用程序:

  • 网豆 7.2.1
  • JSF-2 莫哈拉 2.1.1
  • Primefaces 3.4.2
  • 铬/火狐

在其中一个页面(实际上是索引页面)中有一个面板(p:panel),其中包含一个数据网格(p:dataGrid)。好吧,当数据网格有几个元素(两个以上)时,整个页面以一种非常奇怪的方式呈现。最好的将向您展示部分屏幕截图。

前

如您所见,出现了两个滚动条(水平和垂直)。如果不是,我认为这是一个代码问题,因为只需访问浏览器的开发人员工具,页面就会重新呈现并且滚动条消失。这是结果:

后

Chrome 和 Firefox 浏览器具有相同的行为。我不知道如何面对这个问题。我什至不知道我可以给你什么样的信息,因为我不知道问题是出在我的代码中,还是 Primefaces 错误或什么。大家有遇到过类似的问题吗?我想要你的任何建议。提前致谢。

编辑 - 这是一个非常简化的视图结构:

<p:layoutUnit position="west" size="66%">            
    <p:layoutUnit position="center">
        <h:inputHidden .../>
        <h:inputHidden .../>
        <p:panel style="height: 95%" styleClass="transparent">   
            <p:dataGrid ...>
                <h:form>
                    <p:commandButton style="width: 100%" ...>
                        <f:setPropertyActionListener ... />
                    </p:commandButton>
                </h:form>
            </p:dataGrid> 
        </p:panel>
    </p:layoutUnit>

    <p:layoutUnit position="south" size="33%">
        <p:panel style="height: 90%" styleClass="transparent">
        </p:panel>
    </p:layoutUnit>
</p:layoutUnit>

<p:layoutUnit position="center" size="33%">
    <p:layoutUnit position="center">
        <p:panel>
            <p:panel id="map"/>
        </p:panel>
    </p:layoutUnit>

    <p:layoutUnit position="south" size="46%">
        <p:commandButton .../>
    </p:layoutUnit>
</p:layoutUnit>
4

0 回答 0