首先,让我给你一些信息。我正在用这个开发一个网络应用程序:
- 网豆 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>