java - jquery数据表不适用于JSF

Question

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

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

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

任何解决方案？

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

Answer 1

改变

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

至

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

然后只需使用$('.example').dataTable();

Answer 2

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

Answer 3

由于您正在使用 JSF，因此您应该考虑使用PrimeFaces 库，他们有一个非常棒的表格组件

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

1）添加prependId="false"到你的h:form，这样你就不会得到带有表单前缀的id

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

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

---

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