1

JSF で作成されたページ内からxhtml、テーブルのセルの内容を変更するために JavaScript / jQuery を使用する必要があります。divテーブルを含む と に一意の ID を割り当てる方法を知っていtbodyます。divまた、それ自体とターゲット列に一意のクラス名を割り当てることもできます。ターゲット行は、data-rk属性によって識別されます。

<div id="tabForm:centerTabView:personsTable" class="ui-datatable ui-widget personsTable">
    <table role="grid">
        <tbody id="tabForm:centerTabView:personsTable_data" >
            <tr data-rk="2" >
                <td ... />
                <td class="lastNameCol" role="gridcell">
                    <div> To Be Edited </div>
                </td>
                <td ... />
            </tr>
            <tr ... />
        </tbody>
    </table>
</div>

さまざまな jQuery セレクターのさまざまな組み合わせを試してみましたが、本当に迷っています。その特定の div またはその特定のテーブル内でターゲット行とターゲット列を検索する必要があります。これは、xhtml ページに異なる一意の ID を持つ (そして誤って同じ行 ID と列 ID を持つ) 他のテーブルが含まれている可能性があるためです。

4

2 に答える 2

3

このようなもの？

$("#tabForm\\:centerTabView\\:personsTable tr[data-rk=2] td.lastNameCol div").text("edited");

またはpersonsTable、現在のビューで十分に一意である場合

$("[id$=personsTable] tr[data-rk=2] td.lastNameCol div").text("edited");
于 2012-06-09T01:23:46.763 に答える
0

新しい HTML コードについては、このフィドルを確認してください

コロンのないフィドル

コロンをいじる

于 2012-06-08T21:17:40.210 に答える