JSP - 使用DataTables插件通过预定义选项过滤表

Question

我使用的是使用Java和JSP的Web应用程序。 其中一个JSP有一个表。表格中有一列＆＃34; Fruit＆＃34;，其可能的值为＆＃34; apple＆＃34;和＆＃34;香蕉＆＃34;。我需要能够只显示苹果，只显示香蕉或所有。为此，我将使用选择HTML元素。

JSP页面使用DataTables插件来实现jQuery。我在DataTables手册中找不到相应的信息。 所以我的问题是 - DataTables可以提供我需要的东西吗？如果没有 - 是否有其他库或我应该使用纯JQuery / JavaScript？

提前致谢

Answer 1

是的，您可以向DataTables添加自定义过滤器。 $.fn.dataTableExt.afnFiltering是一个过滤函数数组。默认情况下，它将为空。要添加过滤器，请执行以下操作：

 $.fn.dataTableExt.afnFiltering.push(
         function( oSettings, aData, iDataIndex ) {
             var row = oSettings.aoData[iDataIndex].nTr;
             return $(row).hasClass('closed');
         });

此过滤器仅返回类“关闭”的行。 （在tr元素上）。显然可以根据您的需要进行修改。由于您只使用了一个过滤器，因此您只需弹出即可删除并再次显示所有行。

 $.fn.dataTableExt.afnFiltering.pop();