无法在应用于 AJAX 的多个类上设置 CSS答案

【问题标题】：Unable to set CSS on multiple class applied to AJAX无法在应用于 AJAX 的多个类上设置 CSS
【发布时间】：2012-06-08 12:43:35
【问题描述】：

我正在使用 Richfaces 来获得一些快速的 AJAX 小部件，但我在设置 CSS 参数时遇到了问题。

如您所见，生成的代码具有以下类名：“rf-ds rpds”。然而，将样式应用于“.rf-ds”或“.rpds”并没有做任何事情。

.rpds{
    width:100%; 
}

知道为什么吗？谢谢

【问题讨论】：

我认为您必须在 ajax 调用完成后使用 Javascript 执行此操作。

标签： java css ajax jsf richfaces

【解决方案1】：

显然您不能在 Richfaces 的数据滚动条上应用 CSS。

这样做的好方法是根据您的数据滚动器或相反的方式重新渲染您的数据表。

JSF 2.0 代码：

    <h:form id="productSearchForm" >
        <rich:dataTable id="listeProduits" rows="3" value="#{rpb.myDataList}" var="liste"  reRender="scroller" >
            <f:facet name="header">
                <rich:columnGroup >
                    <h:column><h:outputText value="Gamme" /></h:column>
                    <h:column><h:outputText value="Famille" /></h:column>
                    <h:column><h:outputText value="Produit" /></h:column>
                </rich:columnGroup>
            </f:facet>
                <h:column><h:outputText value="#{liste.gamme}" /></h:column>
                <h:column><h:outputText value="#{liste.famille}" /></h:column>
                <h:column><h:outputText value="#{liste.nom}" /></h:column>
            <f:facet name="footer">
                <rich:dataScroller id="scroller" for="listeProduits" maxPages="10" />
            </f:facet>
        </rich:dataTable>
    </h:form>

在这种情况下，数据表被重新渲染（重新绘制）到数据滚动器大小。

【讨论】：

【解决方案2】：

您的样式很可能在其他地方被覆盖，您可以通过输入!important来检查它：

.rpds{
    width:100% !important; 
}

你需要弄清楚是什么覆盖了它。

【讨论】：

重要的是允许我扩展一个白色带，但至少我的 css 现在没有被忽略。