如何获得p：dataTable id

Question

我需要获取p：dataTable对象。但似乎我无法使用下面的代码获取p：dataTable对象。

<script type="text/javascript">    
    var table2 = document.getElementById('test2_datatable_staffs_2');
</script>

<h:form id="form1" prependId="false">
    <p:dataTable id="test2_datatable_staffs_2">

Answer 1

h:form

前面加p:dataTable的ID

您可以使用以下代码

    var table2 = document.getElementById('form1:test2_datatable_staffs_2');

或者只为prependId=false设置h:form并使用当前代码

Answer 2

导致JSF在表id

之前放置表单名称

你应该使用

<script type="text/javascript">    
    var table2 = document.getElementById('form1\\:test2_datatable_staffs_2');
</script>

Answer 3

您可以使用widgetVar代替id。

<p:dataTable widgetVar="test2_datatable_staffs_2">

您可以通过以下方式访问JavaScript中的PrimeFaces元素：

<script type="text/javascript">    
   var table2 = PF('test2_datatable_staffs_2');
</script>

尝试一下，告诉我它是否有效。