1

JQueryをJSFデータテーブルに適用する際に問題が発生しました。

私はこのようなコードを持っています:

<script type="text/javascript" charset="utf-8">
            $(document).ready(function() {
                $('<b>#example</b>').dataTable( {
                    "aoColumns": [
                        { "asSorting": [ "asc" ] },
                        { "asSorting": [ "asc" ] },
                        { "asSorting": [ "desc", "asc", "asc" ] },
                        { "asSorting": [ "desc" ] },
                        { "asSorting": [ "asc" ] },
                        { "asSorting": [ "asc" ] }
                    ]
                } );
            } );
        </script>

XHTML

<h:dataTable id="example" name="example" value="#{notificationBean.notificationList}" var="item"
                cellpadding="0" cellspacing="0" border="0"
                styleClass="display"
                rowClasses="gradeC"
                style="background-image: url('../images/ClientCare_Menu_Gradient.jpg'); background-repeat: repeat-x;">

レンダリングするとき:

<table id="searchform:example" class="display" cellspacing="0" cellpadding="0" border="0" style="background-image: url('../images/ClientCare_Menu_Gradient.jpg'); background-repeat: repeat-x;">

今私の問題は、データテーブルに適用する必要があるCSSが適用されていないことです。

さまざまな表記法を試しましたが、Jqueryでは機​​能しませんでした。

$ {'#searchform:example'}、$ {'#searchform.example'}これらの場合、含まれているテーブル自体に対するホバーアクションは、データテーブルを表示するために機能しません。

$ {'searchform#example'}、$ {'#example'}これらの場合、ホバーアクションは機能し、データテーブルはレンダリングされますが、CSSは適用されません

誰かがこれを手伝うことができますか?

よろしくお願いしますDeepak

4

1 に答える 1

1

<table>JSFコンポーネントのコンポーネントIDではなく、生成されたHTML要素のクライアントIDを選択する必要があります<h:dataTable>。HTML IDは、特定の場合に使用されますsearchform:example:はCSSセレクターでは無効な文字であるため、エスケープする必要があります。

$("#searchform\\:example")

または、代わりに属性セレクターを使用してください。

$("[id='searchform:example']")

<h:dataTable>代わりに、スタイルクラスを指定する方が簡単です。

<h:dataTable styleClass="example">

あなたの特定のケースでは、あなたはすでに1つを持っています

<h:dataTable styleClass="display">

だからあなたもただ使うことができます

$(".display")
于 2012-04-25T16:57:03.640 に答える