Интеграция PrimeFaces Js на странице xhtml

Question

Я использую Primefaces 3.5RC. У меня возникла проблема с реализацией следующей функции JS, позволяющей мне замораживать столбцы в dataTable. Я по-прежнему новичок в JS и не знаю, как я должен ссылаться на свой идентификатор dataTable в примерах JS-функций ниже, которые я нашел в StackOverflow: Column Freeze or Fixed Column in datatable. Любая помощь или предложения будут очень благодарны. Благодарю.

var oTable2 = $(primfacesDataTableId).find('table').dataTable({ 
      "sScrollX" : "100%", //Scroll 
      "sScrollY" : "180", 
      "bAutoWidth" : false, 
      "bScrollCollapse" : true, 
      "bPaginate" : false, 
      "bSort" : false, 
      "sInfo" : "", 
      "sInfoEmpty" : "" 
     }); 

var oFC = new FixedColumns(oTable2, { 
       "iLeftColumns" : 4, //Freezed first for columns 
       "sHeightMatch" : "auto", 
       "iLeftWidth" : 405 
      }); 

Answer 1

Обычно вы ссылаетесь на компоненты Primeface/JSF из компонента родительской формы.
Для примера:

Если следующий код:

<h:form id="myForm"> 
    <p:dataTable id="myTable"> 
     ..... 
    </p:dataTable> 
</h:form> 

См свой DataTable как:

myForm:myTable 

Или вы можете получить его с помощью Firebug консоли в вашем браузере.

В то время как вы имеете в виду форму компонента JQuery использование:

$("[id='myForm:myTable']")