1

我正在尝试af:panelList在 CSS 文件上设置渲染属性，因此我无法根据设备分辨率显示它，但是当我在 CSS 上定义时：

#pl2 {
    rendered:false;
}

我得到了一个“渲染”的未知属性，当它的分辨率较小时，chrome 不会隐藏它。

这是我的 .jspx 文件上的组件定义：

<af:panelList  id="pl2" rows="3" maxColumns="5" >

我能做些什么来解决这个问题？有办法吗？

4

2 回答 2

1

它呈现一个 id 为 pt1:panelobile 的 div，然后是一个没有 id 的表。我将此行添加到 css #pt1:panelmobile { display: none; 但到目前为止我还没有运气

如果您忽略不推荐使用的浏览器，例如 IE6/7，那么您应该使用此选择器：

#pt1\:panelmobile {
    display: none;
}

即是 CSS 选择器中的:一个特殊字符，指示伪选择器，因此需要按\原样使用时进行转义。

但是，特别是在您的特定情况下，更好的方法是为 JSF 组件分配一个更通用和更好的可重用样式类。

<af:panelList ... styleClass="hidden">

和

.hidden {
    display: none;
}

也可以看看：

于 2012-12-13T21:39:03.707 回答
0

如果您试图隐藏元素，请尝试：

#pl2
{
    display: none;
}
于 2012-12-13T20:30:40.900 回答