p：dataTableのDOMテーブルオブジェクトを取得する

Question

p:dataTableのDOMテーブルオブジェクトを取得するにはどうすればよいですか？例えば

：

<h:form id="myForm"> 
    <p:dataTable id="myTable" value="#{someBean.list}" var="item"> 
    ... 

Answer 1

ブラウザの開発者ツールを開き、サーバー上で生成されたHTMLソースを見てください。上述のコードの結果のhtmlでは、p:dataTableのidは、<table>をラップする<div>に関連付けられています。 DOMのテーブルオブジェクトを取得するには、単に使用します。

var table = $("#myForm\\:myTable:first table")[0]; 

をDOMオブジェクトを取得するために、コロンと[0]を逃れるために\\:を使用しました。あなたの要素IDを毎回変更される可能性がありので、あなたが変更

Answer 2

$('table[id*=myTable]')[0]

PFは（「：containerIdははyourTableId #formid」EJ）指定されたidとDOMツリー内の要素の位置に基づいて要素IDを生成し、構造体またはDOMツリー内のIDを返します。 IMHO、あなたの最善の選択肢は、生成されたIDの内部にあなたの与えられたIDを含む要素を探すことです。パターンにマッチする他の要素idも指定しないようにしてください（e.j. myTable2）