java - AJAXに適用された複数のクラスにCSSを設定できません

Question

クイックAJAXウィジェットを取得するためにrichfacesを使用していますが、CSSパラメーターを設定するのに問題があります。

ご覧のとおり、生成されたコードのクラス名は「rf-dsrpds」です。ただし、「。rf-ds」または「.rpds」にスタイルを適用しても何も起こりません。

.rpds{
    width:100%; 
}

なぜですか？ありがとう

Answer 1

あなたのスタイルが他の場所でオーバーライドされている可能性が最も高いです。次のように入力して確認できます!important。

.rpds{
    width:100% !important; 
}

何がそれをオーバーライドしているのかを理解する必要があります。

Answer 2

どうやら、リッチフェイスのデータスクローラーに 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>

この場合、データテーブルはデータスクローラーのサイズに再レンダリング (再描画) されます。