jquery数据表不适用于JSF答案

【问题标题】：jquery datatables not working on JSFjquery数据表不适用于JSF
【发布时间】：2013-11-14 01:41:29
【问题描述】：

如何在 JSF 数据表上应用 jquery datatable？

以下不起作用，因为 jsf 数据表上的 id（即 <h:datatable id="example"...）在 html 上变为 j_idt6:example。

<script type="text/javascript" charset="utf-8">
        $(document).ready(function() {
            $('#example').dataTable();
        } );
    </script>

有什么办法吗？

注意：我使用是因为客户端分页和搜索。

【问题讨论】：

标签： java jquery jsf jsf-2 jquery-datatables

【解决方案1】：

改变

 <h:datatable id="example"...

到

 <h:datatable styleClass="example"...

那就用$('.example').dataTable();

【讨论】：

jsf中没有class属性，而是使用styleClass（后面会翻译成html类）

【解决方案2】：

您可以将表格包装到表格中，然后id填写为formID：tableID

【讨论】：

【解决方案3】：

由于您使用的是 JSF，因此您应该考虑使用 PrimeFaces Library , they got a really great table component

如果您仍然想使用真正出色的数据表插件，这里有几个解决方案：

1) 将 prependId="false" 添加到您的 h:form 中，这样您就不会获得带有表单前缀的 id

2) 为您的h:form 设置一个id 并使用以下jquery 代码$('#myForm\\:example').dataTable();

3) 在表的styleClass="example" 属性上调用dataTable 构造函数，而不是id

另外，你可以试试我的Yet Another DataTables Column Filter (Yadcf)

【讨论】：